javascript - 如何在 chrome 控制台中递归探索数组

Question

我想找到一种方法在chrome 控制台（甚至其他控制台，如firebug）中探索 Array 对象，因为我们可以轻松地为其他对象做。

以下是我在 chrome 控制台中输入的代码段：

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

chrome控制台中的结果：

目前我能找到的唯一方法是一种 hack：

[["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, {}]);

在控制台和脚本中都可以使用：