js动态产生对象push进数组，发现数组所有元素（element or object）一样

最新推荐文章于 2025-11-15 11:37:01 发布

原创最新推荐文章于 2025-11-15 11:37:01 发布 · 3.1w 阅读

20 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

4 篇文章 0 人学习

订阅专栏查看详情

angularjs

当前文章被收录于：

angularjs

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了JavaScript编程中常见的数组操作误区，特别是在动态创建并填充数组元素时遇到的问题。通过对比错误与正确的代码实现方式，揭示了如何避免数组中的对象引用问题。

原因：对象是同一个对象，动态创建对象时，不断对对象赋值，push进数组，数组[obj,obj,obj],所有的obj值相同，因而导致数组中都是同一个对象

talk is cheap,show you the code

错误写法：

var obj = {
            id: null,
            name: '',
        };
var str = [];
for (var i = 0; i < 5; i++) {
    obj.id = i;
    obj.name = 'name_' + i;
    str.push(obj);
    console.info(obj);
}
console.info(str);

演示结果：

这里写图片描述
正确写法：

var str = [];
for (var i = 0; i < 5; i++) {
     var obj = {
         id: i,
         name: 'name_' + i,
     };
     str.push(obj);
     console.info(obj);
 }
 console.info(str);