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

Question

当我有对象数组时,当我在Chrome控制台中键入变量名称时,我会得到:

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

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

我不想写一个可以console.dir排除所有数组的循环.

Answer 1

console.table()以表格格式整齐地显示数组做得非常好.

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
  }
]