如何在 chrome 控制台中递归探索数组答案

【问题标题】：How to recursively explore an array in the chrome console如何在 chrome 控制台中递归探索数组
【发布时间】：2013-01-10 08:27:28
【问题描述】：

我想找到一种方法来在 chrome 控制台（甚至像 firebug 这样的其他控制台）中探索 Array 对象，就像我们可以轻松地为其他对象所做的那样。

下面是我在chrome控制台输入的sn-p：

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

Chrome 控制台中的结果：

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

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

是否有任何选项、命令或方法可以只显示数组对象的内部结构，就像默认情况下对其他对象所做的那样？

【问题讨论】：

标签： javascript arrays console google-chrome-devtools

【解决方案1】：

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

在控制台和脚本中都有效：

【讨论】：

它似乎仅在数组包含对象时才有效。我无法使用这些数组来实现它，例如：[1,2] 或 ["foo","bar"] ;)

【解决方案2】：

这就是 console.dir() 函数的用途：

http://getfirebug.com/logging

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

【讨论】：

【解决方案3】：

您可以同时使用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, {}]);

【讨论】：

你说的当前版本是什么意思？
老实说，我不太清楚，但我记得在旧版本中，console.log 的输出有点不同