javascript - 如何在javascript中修复自动更新数组

Question

那应该是 1,2,3 但即将到来的 3,3,3，如何解决？
Javascript 自动更新

let test = [ { id: 1 } ];
let test2 = [
  { id: 1 },
  { id: 2 },
  { id: 3 }
];

let x = []

test2.forEach(i => {
  test[0].id = i.id;
  x.push(test[0])
});

console.log(x)

Answer 1

由于您将同一个对象推送 3 次，并且在循环结束时它将有 3 个对同一个对象的引用，即 test[0]您可以使用 spread syntax复制对象的所有属性

let test = [{ id: 1 }];
let test2 = [{ id: 1 }, { id: 2 }, { id: 3 }];

let x = [];

test2.forEach((i) => {
  test[0].id = i.id;
  x.push({ ...test[0] });
});

console.log(x);