es6 对象深拷贝和浅拷贝

简介：在项目中，为了不影响原有数据，在操作数据时，经常需要深拷贝一个对象，在开发过程中，实践得出。

• Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

const object1 = {
  a: 1,
  b: 2,
  c: 3
};

const object2 = Object.assign({c: 4, d: 5}, object1);
console.log(object2);

> Object { c: 3, d: 5, a: 1, b: 2 }

这是浅拷贝，返回的不是一个新对象，而是把一个或多个源对象添加到目标对象

• 结构赋值

​


let object1 = {
  a: 1,
  b: 2,
  c: 3
};

let object2 = {...object1};
object1.a=11;

console.log(object2);
> Object { a: 11, b: 2, c: 3 }

这也是浅拷贝


​

• 最简单的深拷贝(JSON.stringify() 和JSON.parse())
• 先把对象使用JSON.stringify()转为字符串，再赋值给另外一个变量，然后使用JSON.parse()转回来即可。

• let object1 = {
    a: 1,
    b: 2,
    c: 3
  };
  
  let object2 =JSON.parse( JSON.stringify(object1));
  object2.a=11;
  
  console.log(object1,object2);
  
  > Object { a: 1, b: 2, c: 3 } Object { a: 11, b: 2, c: 3 }