分配 Json 数组的更好方法是什么？ [复制]

Question

var cars = [{"a":1,"b":2},{"b":3,"c":5}];
var temp=[];
[...cars].map((item)=>{
temp.push(item)
})

temp[0]["a"]=3
console.log(cars[0]["a"]) // op->3`enter code here`

为什么汽车数组的值在改变，而临时数组却改变了？什么是更好的解决方案，使汽车阵列不改变？

Answer 1

这里有几个问题，但最根本的是当你创建一个新的数组时，你并没有创建新的对象。所以两个数组都包含相同的对象，因此当您更改其中一个对象的状态时，无论您查看哪个数组，您都会看到该更改。

要制作对象的浅拷贝，您可以使用扩展符号：

var temp = cars.map(obj =>({...obj}));

这会创建一个新数组和数组中的新对象。

---

另外：如果您不打算使用它返回的数组，请不要使用map。某个地方的某个人错误地教人们使用map 只是为了循环浏览事物。这不是正确的工具（而不是use any of these options）。

但是，在您的情况下，由于您确实想要一个新数组，map 是一个不错的选择，只需像上面一样使用它来直接创建您的数组，而不是仅用于循环.

Answer 2

您正在对map() 中的对象进行浅拷贝，还需要以正确的方式使用map() 函数。 Map 函数返回一个新数组，因此将其分配给temp。以这种方式进行深度克隆：

var cars = [{
  "a": 1,
  "b": 2
}, {
  "b": 3,
  "c": 5
}];
var temp = [...cars].map((item) => ({ ...item }));

temp[0]["a"] = 3;
console.log("temp: ", temp[0]["a"]);
console.log("cars: ", cars[0]["a"]);