为什么将一个对象的值分配给另一个对象的值，然后重新分配原始对象会更改两个对象？

Posted 2021-04-24

我正在对以下对象数组执行一些计算：

array = [ { x: 6, y: 2 }, { x: 7, y: 2 }, { x: 8, y: 2 } ]

在每次迭代中，我将每个对象都设置为等于其相邻对象，但索引0处的对象除外。

for (let i = array.length - 1; i > 0; i--) {
 array[i] = array[i-1]
}

并且得到以下答案：

[ { x: 6, y: 2 }, { x: 6, y: 2 }, { x: 7, y: 2 } ]

然后我将对象设置为索引0，并得到：

[array[0].x = 5并得到：[ { x: 5, y: 2 }, { x: 5, y: 2 }, { x: 7, y: 2 } ]

我的假设是索引1的对象也不会被更改。为什么会这样？

答案

这是因为您要分配引用而不是值：

array[i] = array[i-1]

您可以使用例如Object.assign()创建对象的浅表副本：

array[i] = Object.assign({}, array[i-1])