复制角度2中的对象数组

Question

我有两个数组，分别称为“ persons”和“ persons2”， “ persons2”数组将是“ persons”数组的副本， 但是问题是当我复制它时，我想更改第二个数组，第一个数组也在更改。这是我的代码：

  export class AppComponent {

  persons = [
    {
      name:'David',
      lname:'Jeu'
    }
  ];

  persons2=[...this.persons];

  constructor(){
      console.log(this.persons[0]);
      this.persons2[0].name='Drake';
      console.log(this.persons[0]);

      console.log(this.persons2[0]);
  }

}

Answer 1

  

但是问题是当我复制它时，我想更改第二个   数组，第一个数组也在更改

这是因为两个数组中的对象共享相同的引用。要执行深度复制，请尝试以下操作：

let persons2 = person.map(x => Object.assign({}, x));

或

let person2 = JSON.parse(JSON.stringify(person));

Answer 2

在您的情况下，两个数组都引用相同的内存，这通常称为浅拷贝。

您可以复制第一个数组的深层副本，然后更改第二个数组。这不会对第一个阵列产生影响。

let persons = [{
  name: 'David',
  lname: 'Jeu'
}];

let persons2 = JSON.parse(JSON.stringify(persons));
persons2[0].age = 29;

console.log(persons)
console.log(persons2)

Answer 3

对于这类操作，通常明智的做法是使用Lodash Clonedeep