javascript - 如何修改 Javascript 中对象克隆数组中的对象值

Question

我有一个像这样的对象数组:

const arrA = [{a: true}];

我创建了一个数组的副本，如下所示:

const arrB = Array.from(arrA);

但是当我修改arrB中对象的值时，arrA中的值也会被修改。

arrB[0].a = false
// arrB = [{a:false}]
// arrA = [{a:false}] - gets modified also

如何在不修改原始数组的情况下修改克隆数组中的对象值。

Answer 1

Array.from 创建所谓的浅拷贝。浅复制意味着您有 2 个变量 - arrA 和 arrB 指向内存中的同一个数组，因此您更改一个变量就会更改另一个变量。由于内部的对象更加复杂 - 因为即使您设法在内存中创建不同的数组 - 它可能仍然指向与前一个数组相同的对象，从而再次导致 - 一个更改同时更改两个。

相反的是深度复制 - 使用保存相同数据值的新对象创建一个新数组，而不是引用。有几种方法，您可以阅读更多 here ，我推荐 JSON.parse/stringify 作为最简单的一个:

const arrA = [{a: true}];
const arrB = JSON.parse(JSON.stringify(arrA));

这会给你你想要的:)