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

Question

当我有对象数组时，当我在Chrome控制台中输入变量名称时，我会得到：

问题： 是否有一些选项或标志在启用时会显示在Chrome控制台中查询时扩展的对象和数组？

我经常使用控制台并在控制台中进行内联操作，每次修改数组时我都要点击所有条目来查看值。

我不希望编写一个console.dir出所有数组的循环。

Answer 1

console.table()以表格形式表现出色displaying arrays neatly。

Answer 2

要在不编写循环的情况下查看数组（或任何其他对象）的全部内容，可以使用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 3

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

---

修改

好的抱歉，我不读这个部分'=。=但你可以查看chrome控制台支持的firebug的console API Chrome Dev Tools: Console