es6如何实现对象拷贝

leta='123';
letb=2;

在JavaScript中的基本数据类型有String、Number、Boolean、Undefined、Null、Symbol(ES6新增的)。基本数据类型都是按值访问的。比如把变量a赋值给变量b，修改变量a的值不会影响变量b的值，它们两个是互相独立的，互不影响。在存储栈中这个两个变量分别分配了空间。

leta='123';
letb=a;
a=10;
console.log(a)//10
console.log(b)//123

letobj1={
a:'1'
}
letobj2=obj1;
obj1.a='2';

console.log(obj1.a);//2
console.log(obj2.a)//2

看看上面的代码，发现和基本数据类型的结果不太一样，我们把obj1赋值给了obj2，修改obj1的值，obj2的值也发生了改变。由于引用数据类型的值是存储的堆内存中，而在栈内存中存储了指向堆内存中的指针（地址），我们上面代码中的赋值操作只是赋值了指针（地址）。而指针指向的堆内存还是同一个。

lettarget={};//目标对象
letsource={
a:1
}//原对象

Object.assign(target,source);
console.log(target.a);//1
source.a=2;
console.log(source.a);//2
console.log(target.a);//1

Object.assign()是一个浅拷贝，它值拷贝了对象的第一层属性。如果对象的属性仍然是一个对象，就无法实现拷贝了。

functionshalldowCopy(source){
letobj=Array.isArray(origin)?[]:{};//目标对象
for(letpropinsource){
if(src.hasOwnProperty(prop)){
target[prop]=source[prop];
}
}
returntarget;
}

测试一下

varsourceObj={a:1,arr:[2,3]};
vartargetObject=shallowCopy(sourceObj);

因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅拷贝会导致 sourceObj.arr 和 targetObject.arr 指向同一块内存地址。所以导致的结果就是：

shallowObj.arr[1]=5;
obj.arr[1];//=5

lettarget={};//目标对象
letsource={
a:1,
b:{
d:3
}
}//原对象
lettargetStr=JSON.stringify(source);
lettarget=JSON.parse(targetStr);
console.log(target);//{a:1,b:{d:3}}
source.b.d=10;
console.log(source);//{a:1,b:{d:10}}
console.log(target);//{a:1,b:{d:3}}

/**
*深拷贝
*@param{*}origin
*/
functiondeepCopy(origin){
letobj=Array.isArray(origin)?[]:{};
if(origin&&typeoforigin==='object'){
for(letkeyinorigin){
letitem=origin[key];
if(item&&typeofitem==='object'){
obj[key]=deepCopy(item);
}else{
obj[key]=item;
}
}
}
returnobj;
}

varsourceObj={a:1,arr:[2,3]};
vartargetObject=deepCopy(sourceObj);
shallowObj.arr[1]=5;
obj.arr[1];//=3