JS在不改变旧对象的前提下进行对象copy的几种方式

我们js中的对象，会包含很多属性值和方法，当我们想把它的内部属性复制给一个新的对象时，我们如何去做呢？

你可能会说直接 b = a就可以了。

no no no，这样两个对象其实指针指向的还是一个内存中的对象，当b发生变化的时候，a也是变化的，这并不是我们想要的结果。

那么，以下面几种方法来看看具体实现过程吧。

如下，有一个person对象，其中包括几个基本的属性值

const person = {
	'name': 'wangying',
	'sex' : 'female',
	'age' : 18,
};

方法一： for in 枚举对象（最繁琐的方法）

通过循环初始对象，得到每一个key以及所对应的值，然后把它赋值给新的对象

const newPerson = {};
for(let key in person) {
    newPerson [key] = person[key];
}
newPerson.name = "lili";
newPerson.age = 28;
console.log("person=",person);
console.log("newPerson =",newPerson );

方法二： 对象合并（最简便）

通过一个空对象和初始对象进行合并，赋值给新的对象

const newPerson2 = Object.assign({}, person);
newPerson2.name = "xiaoxiao";
newPerson2.age = 20;
console.log("person=",person);
console.log("newPerson =",newPerson );
console.log("newPerson2 =",newPerson2 );

方法三： es6扩展操作符（最常用）

通过扩展操作符，找到circle的每一个属性然后赋值给新的对象

const newPerson3 = { ...person};
newPerson3.name = "mimi";
newPerson3.age = 10;
console.log("person=",person);
console.log("newPerson =",newPerson );
console.log("newPerson2 =",newPerson2 );
console.log("newPerson3 =",newPerson3 );

方法四： jquery的extend方法 $.extend(true,{}, person) （深拷贝，用于对象多层）

对象多层可以使用 jquery 的 extend 进行深度拷贝

$.extend( [deep ], target, object1 [, objectN ] )；

• deep表示是否深拷贝，为true，为深拷贝，为false，则为浅拷贝
• target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。
• object1 objectN可选。 Object类型 第一个以及第N个被合并的对象。

用法如下：

const aa = $.extend(true,{},person)
aa.name = "aa";
aa.age = 99;
console.log(aa) 

方法五： JSON格式化方法（深拷贝，对象中的属性也是对象时也能用，且不改变原对象的任何属性内容）

该方法注意是使用JSON的两个方法，首先采用stringify方法将person对象转换为字符串，后续再用parse方法将字符串转换回来，这样copy出来的结果是值相同，引用地址不同，所以能应用在任何不改变与原对象的场景中，即使对象的属性也是对象的场景，也不会改变原始对象。

const newPerson5 = JSON.parse( JSON.stringify(person) );
newPerson5.name = "5555";
newPerson5.age = 55;
console.log("person=",person);
console.log("newPerson =",newPerson );
console.log("newPerson2 =",newPerson2 );
console.log("newPerson3 =",newPerson3 );
console.log("newPerson5 =",newPerson5 );

属性值也是对象的情况： 下面可以看到，object.assign()方法会改变对象属性中对象的值（原本是11，后面改成了12），而JSON方法不会改变原对象中的任何值。

const aa = { "aa" : 11 };
const a = { a : aa };
const b1 = Object.assign({}, a);
const b2 = JSON.parse( JSON.stringify(a) );
b1.a.aa = 12;
b2.a.aa = 300;
console.log("a=",a);
console.log("b1=",b1);
console.log("b2=",b2);

注意：上述方法中，除了方法四和方法五以外，其余的方法，均不能用在对象的属性也是对象的情况下