Javascript:在循环中，修改对象的属性然后推送到数组

Question

我有以下代码(可以正常工作):

var arr = [];
for(var i = 0; i < 2; i++) {
    var obj = { a: 'A'};
    obj.c = 'C' + i;
    arr.push(obj);
}

// now arr is:
// [ {a: 'A', 'c': 'C0'}, {a: 'A', 'c': 'C1'} ]

为了提高代码的性能，我将 obj 放置在循环之外，然后仅添加/修改新属性，如下所示:

var arr = [];
var obj = { a: 'A'};
for(var i = 0; i < 2; i++) {
    obj.c = 'C' + i;
    arr.push(obj);
}

// now arr is:
// [ {a: 'A', 'c': 'C1'}, {a: 'A', 'c': 'C1'} ]

为什么两个对象都得到了 C1 ？请解释我做错了什么，以及如何将对象置于循环之外并获得正确的结果？

注意:我知道这是一个简单的问题，性能不是问题，但实际上我正在处理现实中性能很重要的大量对象。

Answer 1

您正在将对象(不是对象的副本)推送到数组，然后更改它。

如果您希望每个索引中都有不同的对象，那么您需要在每次循环时创建一个新对象。