如何在Chrome控制台中查看扩展对象/阵列？

Question

当我有对象的数组，当我在Chrome的控制台类型变量的名称，我得到这个：

问题： 有一些选项或时会显示对象上翻了个标志并在Chrome控制台中查询时扩展数组？

我使用控制台很多，并在控制台内执行内联操作，每次修改数组时，我都必须单击所有条目才能看到值。

我不想让写一个循环，所有的数组将会出console.dir。

Answer 1

要查看阵列的全部内容（或任何其他物体），无需编写循环，您可以使用JSON.stringify。这将以JSON格式输出整个对象，可以选择缩进它。

例如：

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, ' ')) 

将输出：

[ 
    { 
    "a": 1, 
    "b": 2 
    }, 
    { 
    "c": 3, 
    "d": 4 
    } 
] 

Answer 2

我不知道你是否知道这个，但... 点击三角形，你可以看到完整的对象，我认为这是非常实用的。

---

编辑

好抱歉，我不读这部分“=。=但你可以检查萤火虫的console API铬控制台支持 Chrome Dev Tools: Console

Answer 3

console.table()做的displaying arrays neatly一个伟大的工作，以表格形式。