如果我更改复制的数组，则更改原始数组[重复]

Question

又是一个令人困惑的问题：

这里我将数组复制到另一个变量中，我希望当我在另一个变量中更改某些内容时不会更改原始数组但是两个数组都更改了为什么？

 const groups = [[1, 2, 3, 4 ,5], [2,3]];
 const sets = [...groups];
 
 sets[1].push(9000); // I just push a number into sets NOT groups
 
 console.log(sets);
 console.log(groups); 
 

只有当我们有一个数组时才会发生这种情况！

我缺少什么以及如何解决这个问题？

Answer 1

展开运算符只对组进行浅拷贝。所以数组是通过引用复制的，如果你改变了这些，原来的数组就会受到影响。

编辑：如果你需要一个深度克隆，你可能想看看这里： Deep copy in ES6 using the spread syntax（JSON.stringify/JSON.parse 应该阻止另一个 3rd 方库）。