我有一个作为输入的对象数组。让我们称之为content。
在尝试对其进行深度复制时，它仍然具有对前一个数组的引用。
我需要复制该输入数组，并更改复制部分的一个属性。
长期以来，我尝试了不同的方法，但都没有成功。
ES6方式：
public duplicateArray() {
arr = [...this.content]
arr.map((x) => {x.status = DEFAULT});
return this.content.concat(arr);
}
该slice方式：
public duplicateArray() {
arr = this.content.slice(0);
arr.map((x) => {x.status = DEFAULT});
return this.content.concat(arr);
}
在这两个数组中，数组内的所有对象都有status: 'Default'.
在 Angular 2 中深度复制数组的最佳方法是什么？
检查这个：
let cloned = source.map(x => Object.assign({}, x));
简单的：
let objCopy = JSON.parse(JSON.stringify(obj));
这也适用（仅适用于阵列）
let objCopy2 = obj.slice()
这对我有用：
this.listCopy = Object.assign([], this.list);
我找到的唯一解决方案（在发布问题后几乎立即）是遍历数组并使用 Object.assign()
像这样：
public duplicateArray() {
let arr = [];
this.content.forEach((x) => {
arr.push(Object.assign({}, x));
})
arr.map((x) => {x.status = DEFAULT});
return this.content.concat(arr);
}
我知道这不是最佳选择。我想知道是否有更好的解决方案。
使用 lodash 的 cloneDeep 方法来深度复制内部具有嵌套对象的对象的一种干净方法。
对于 Angular，你可以这样做：
使用yarn add lodash或安装 lodash npm install lodash。
在您的组件中，导入cloneDeep并使用它：
import * as cloneDeep from 'lodash/cloneDeep';
...
clonedObject = cloneDeep(originalObject);
它只增加了 18kb 到您的构建中，非常值得。