chrome devtools不一致的数组长度

Question

我似乎偶然发现了Chrome DevTools中的不一致之处。

上面是devtools的屏幕截图。首先，我被告知打印对象包含a Body和a Head。头部应该是长度为1的数组。展开时，该数组突然变为长度为2。

当扩展有问题的数组时，我得到以下内容；

因此，数组中似乎也有一个空字符串。这个空字符串是导致我的代码出现问题的原因，这促使我进行调查。我最关心的是DevTools的输出，有人能想到devtools为同一数组给出两个不同长度的原因吗？

DevTools是否自动将长度为1的数组的内容解析为单独的变量？Head: [Array[2]]在那种情况下，我会期望的。

我console.log用来在ubuntu虚拟机上的Chrome开发工具中输出列出的屏幕截图。

Answer 1

这是因为初始显示具有以下格式：

Object {Body: Array[20], Head: Array[1]}

在控制台首次记录时生成。展开后，它将加载对象的所有属性，如果在记录和打开对象之间更改了属性，它将显示不同的值。您可以将鼠标悬停在i对象后面显示的浅蓝色上，以查看Chrome浏览器对此内容的评价。