我的javascript数组在尝试添加新对象时总是被覆盖。

let arr = [];
arr[0] = { name: 'Alice' };
arr[0] = { name: 'Bob' }; // 这里会覆盖掉Alice

let arr = [];
arr.push({ name: 'Alice' });
arr.push({ name: 'Bob' }); // 正确添加新对象

let arr = [];
for (let i = 0; i < 3; i++) {
    arr[0] = { index: i }; // 每次都覆盖第一个元素
}

let arr = [];
for (let i = 0; i < 3; i++) {
    arr.push({ index: i }); // 正确添加新对象
}

function addObject(arr, obj) {
    obj.name = 'NewName'; // 修改了传入对象的属性
    arr.push(obj);
}

let arr = [];
addObject(arr, { name: 'Alice' });
addObject(arr, { name: 'Bob' }); // 实际上两次添加的都是同一个对象（引用相同）

function addObject(arr, obj) {
    arr.push({ ...obj }); // 使用展开运算符创建新对象
}

let arr = [];
addObject(arr, { name: 'Alice' });
addObject(arr, { name: 'Bob' }); // 正确添加新对象