javascript - Chrome コンソールで配列を再帰的に探索する方法

Question

他のオブジェクトで簡単にできるように、 chrome コンソール(およびfirebugなどの他のコンソール) でArray オブジェクトを探索する方法を見つけたいと思います。

以下は、Chrome コンソールに入力したスニペットです。

var str = new String("foo"); str;
var bool = new Boolean(true); bool;
["foo", "bar", str, bool, {}];

そしてクロムコンソールの結果：

現時点で見つけられる唯一の方法は、一種のハックです。

[["foo", "bar", str, bool, {}]];

他のオブジェクトのデフォルトで行われるように、配列オブジェクトの内部構造を表示するオプション、コマンド、またはメソッドはありますか?

Answer 1

それがconsole.dir()関数が構築された目的です。

詳細については、次を参照してください。

https://developer.mozilla.org/en-US/docs/DOM/console.dir

http://getfirebug.com/logging

https://developers.google.com/chrome-developer-tools/docs/console

Answer 2

console.dirとconsole.logの両方を使用できます(現在のバージョンによって異なります)。

var str = new String("foo"); str;
var bool = new Boolean(true); bool;

console.dir(["foo", "bar", str, bool, {}]);
console.log(["foo", "bar", str, bool, {}]);

Answer 3

console.log(["foo", "bar", str, bool, {}]); を使用します。

コンソールとスクリプトの両方で機能します。