javascript - 如何在 Chrome 中显示 JavaScript 数组/对象的所有属性？

Question

JavaScript 有一个 surprisingly confusing distinction数组和对象之间和 array-like objects :

var a = [];  // empty array, right?
a.foo = 'bar';  // a is also an object

问题是，当在 Chrome DevTools 控制台中检查变量时，会出现 a 只是一个空数组:

这种数组/对象的使用发生在 3rd party code 上。 ，所以我正在寻找一种方法来在 Chrome DevTools 中显示变量的所有属性。

Answer 1

在现代浏览器(IE9+、FF4+、Chrome5+、Opera12+、Safari5+)中，您可以使用内置的 Object.keys 方法:

Object.keys(a);

来自MDN :

Object.keys() 方法返回给定对象自身可枚举属性的数组，其顺序与 for...in 循环提供的顺序相同(区别在于 for-in 循环枚举原型(prototype)链也是如此)。