以角度2复制对象数组

Question

我有两个名为'people'和'persons2'的数组，'persons2'数组将是'people'数组的副本，但问题是当我复制它时，我想要更改第二个数组，第一个数组是也在改变。 这是我的代码：

  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是明智的