angular2：如何将对象复制到另一个对象

请帮助我，以便使用角度2将对象复制到另一个对象中？

在angular中，我使用了angular.copy（）将对象复制到旧对象的松散引用中。但是，当我在angular 2中使用相同的代码时，出现以下错误：

错误：未定义角度。

解

Angular2是在TypeScript和ES6等现代技术的基础上开发的。

所以你可以做let copy = Object.assign({}, myObject)。

对象分配-很好的例子。

对于嵌套对象： let copy = JSON.parse(JSON.stringify(myObject))

let copy = Object.assign({}, myObject).  as mentioned above

但这不适用于嵌套对象。所以一个替代方案是

let copy =JSON.parse(JSON.stringify(myObject))

如前所述，使用lodash的cloneDeep方法来深复制内部具有嵌套对象的对象的干净方法。

对于Angular，您可以这样操作：

使用yarn add lodash或安装lodash npm install lodash。

在您的组件中，导入cloneDeep并使用它：

import * as cloneDeep from 'lodash/cloneDeep';
...
clonedObject = cloneDeep(originalObject);

它仅增加了18kb，值得物有所值。

如果您需要更多关于为何使用lodash的cloneDeep的见解，我也在这里写了一篇文章。

您可以使用Spread运算符在Angular中使用ECMAScript6做到这一点：

let copy = {...myObject};

let course = {
  name: 'Angular',
};

let newCourse= Object.assign({}, course);

newCourse.name= 'React';

console.log(course.name); // writes Angular
console.log(newCourse.name); // writes React

对于嵌套对象，我们可以使用第三方库来深度复制对象。如果是lodash，请使用_.cloneDeep（）

let newCourse= _.cloneDeep(course);

尝试这个。

复制一个数组：

const myCopiedArray  = Object.assign([], myArray);

复制对象：

const myCopiedObject = Object.assign({}, myObject);

Loadsh是用于处理任何对象深层复制的通用标准库。这是一个递归算法。它检查所有内容并为给定对象复制。编写这种算法将花费更长的时间。最好利用相同的东西。

Object.assign将仅在单一级别的对象引用中工作。

要进行任何深度的复制，请按以下方式使用：

let x = {'a':'a','b':{'c':'c'}};
let y = JSON.parse(JSON.stringify(x));

如果要使用任何库而不是loadash.js库。