初歩的なデバッグ方法についてですが私はいつもconsole.log()で変数値を
出力していますがこれですと配列等で[object Object]と表示されます。
この表示だとなにが入っているのかわからないのですが
特定のタイミングで配列の中身をリストで表示することはできるのでしょうか?
これがわからないばかりにデバッグ効率が非常に悪いように思います。
連想配列での実装例では下のようになります。
コード: 全て選択
this._foods['test'] = {
foods_set_A: {
vegetable: ['carrot', 'onion'],
fruit: ['apple', 'pineapple']
},
foods_set_B: {
vegetable: ['radish', 'broccoli'],
fruit: ['melon', 'watermelon']
}
};
console.log('<!!DEBUG!!>this._foods[str].foods_set_A:'+this._foods['test'].foods_set_A);
これだと[object Object]と表示されるだけです。
まえになんとなくF8のコンソールの他のタブでわかるようなことを聞いたような聞いてないような
(忘れてます…)ですがこのデベロッパーツールの使い方をマスターできていません。
今更になりますがよければ無知な私に教えてくださいませ(^^;
追記
投稿したあとでわかったんですが以下のようにfoods_set_Bの中のvegetableを指定したらcarrot,onionが表示されました。上の例のように親要素から配列の全一覧を表示するようなことは無理なのでしょうか?
コード: 全て選択
console.log('<!!DEBUG!!>this._foods[str].foods_set_B.vegetable:'+this._foods['test'].foods_set_A.vegetable);