如何使用for循环把对象push到数组中，且前面的值不会被覆盖

善杰爱编程

于 2021-10-12 13:50:10 发布

阅读量1.8k

点赞数 2

文章标签： javascript

原文链接：http://t.zoukankan.com/shy0113-p-11911336.html

版权

本文深入解析了在JavaScript中使用for循环将对象push到数组时，为何会出现值被覆盖的问题。问题源于外部定义的对象在循环中被多次修改，导致数组内所有元素引用同一对象。解决方法是在循环内部创建新的对象实例，确保每次push的是独立的对象，避免值的覆盖。通过示例代码展示了正确做法，帮助开发者理解并避免此类问题。

摘要由CSDN通过智能技术生成

如何使用for循环把对象push到数组中，且前面的值不会被覆盖

- 为什么前面的值会被覆盖
- 解决方法

为什么前面的值会被覆盖

var arr = []
var obj = {}
for(var i=0;i<5;i++){
obj.name = i+10;
arr.push()
}
console.log(arr)  //[{name:24},{name:24},{name:24},{name:24},{name:24}]

每次取出来的值都放在obj.name中，因为是在外面定义的对象，所以obj的地址是一样的。arr保存的都是obj的地址，当最后一次给arr赋值的时候，因为是同一个obj，所以就会把前面的值给覆盖掉。

解决方法

var arr = []
for(var i=0;i<5;i++){
var obj = {};
obj.name = i+10;
arr.push()
}
console.log(arr)  //[{name:24},{name:24},{name:24},{name:24},{name:24}]