代码之家 › 专栏 › 技术社区 › Robert

删除带拼接的数组元素后,Google Chrome控制台未显示正确的数据

console google-chrome arrays javascript

Robert · 技术社区 · 6 年前

执行此操作后:

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


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

我明白了

为什么Chrome控制台只显示两个元素,而不是拼接前的所有三个元素?

2 回复 | 直到 6 年前

nicholaswmin 6 年前

tl;dr(灾难恢复): 因为变量只包含对对象的引用,而控制台在显示对象时不进行深度克隆。

这个 collection 变量参考到您的 Array 自从 大堆 s是 Object s、在JavaScript中,变量只起作用 参考文献 到对象。
当你改变你的 收集 数组 收集 变量引用/指向更改的数组。
当您单击该小箭头图标在控制台中展开阵列时,它会再次读取记录的变量;现在已经改变了。

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

Rizwan Pasha 6 年前

结果是正确的。拼接(x,y)方法删除从x索引开始的元素,y指定要删除的元素数ie;您的案例中有1个元素。要记住的是,拼接会更改原始阵列。

推荐文章

Toniq · javascript为php保存多维数组

1 年前

Jannis · Java中数组的怪异行为

1 年前

callum · 如何识别数组中与给定序列不匹配的元素?

1 年前

Gamerboi677 _YT · 如果玩家触摸了某个部分,如何将玩家名称添加到数组中。-Roblox-Lua编码

1 年前

at. · 在一行中创建任意大小的JavaScript/TypeScript 2d数组

1 年前

Rakis Friski · Javascript Spread运算符混淆行为

1 年前

tenfour · 如何使用数组元素的索引初始化数组元素

2 年前

Guillaume · 使用操作从Python列表创建numpy数组

2 年前

maxMas · Swift 5:为什么会出现索引超出范围错误?

2 年前

Sarah Workman · 尝试比较用javascript编程添加的字符串的值

2 年前