使用拼接删除数组元素后，Google Chrome控制台无法显示正确的数据

Question

这样做之后：

var collection = ['foo', 'bar', 'john'];
console.log(collection);


collection.splice(0,1)
console.log(collection);

我明白了

为什么Chrome控制台在拼接之前只显示两个元素而不是全部三个元素？

Answer 1

tl; dr：因为变量只保存对象的引用，并且控制台在显示对象时不会进行深度克隆。

• collection变量引用到Array，因为Array是Object s。在JavaScript中，变量只将引用保存到对象。
• 当您改变collection数组时，collection变量引用/指向更改的数组。
• 当您单击该小箭头图标以在控制台中展开阵列时，它会再次读取记录的变量;现在已经改变了。

控制台在显示对象之前不会对其进行深度克隆。

Answer 2

结果是正确的。 splice（x，y）方法从x索引开始删除元素，y指定要删除的元素数量ie;在你的情况下1个元素。 需要记住的是拼接会改变你的原始阵列。