浅谈深浅拷贝

深浅拷贝

我们处理数据的时候经常需要拷贝(copy)数据，那你们知道什么是深拷贝和什么是浅拷贝嘛？面试的时候也会经常问的，嘻嘻嘻，今天我们就来谈谈这个深浅拷贝。

区别

我们先来说一下这两个的区别，相信看了区别，大家就能立马理解什么是深拷贝，什么是浅拷贝了。

我们在拷贝数组时候可能会这样做：

var arr1=[1,2,3,4];
var arr2=[];
for(let i in arr1){
    arr2[i]=arr[i];
}
console.log(arr2);//[1,2,3,4]

数组拷贝好简单呀，这其实就是浅拷贝——拷贝的级别浅。

那么对象也是一样的嘛，让我们来试一试。

var obj={
    name:'张三',
    age:12,
    hobby:{
       book:'math',
       class:'PE'
    }
}
var newObj={};
for(let key in obj){
    newObj[key]=obj[key]
}
newObj.hobby.book='Chinese';
console.log(newObj);  //{ name: '张三', age: 12, hobby: { book: 'Chinese', class: 'PE' } }
console.log(obj);     //{ name: '张三', age: 12, hobby: { book: 'Chinese', class: 'PE' } }

这个时候，怎么不仅我更改属性的对象值变了，原对象的属性值也发生了改变，说明我们并没有实现真正意义上的拷贝，只是将对象的指针拿过来借用了一下而已。那我们就只能换一种思路了，这时候我们就应该拿出我们的深拷贝了，递归调用深拷贝实现，更深的一些属性的访问。

JavaScript的基本类型不会出现使用深拷贝的情况，所以深拷贝只适用于引用类型。

好了我们来正(xia)式(shuo)的讲一讲这两个的区别吧：

浅拷贝在复制对象的时候，只能对对象的第一层键值进行复制，如果在更深层还有键值，就只能复制属性的地址值。

深拷贝是指在复制对象的时候完全的拷贝一份对象，即使嵌套了对象，两者也是相互分离的，修改一个对象的属性，另一个不会被修改。想要复制更深层的属性，只需要一直递归下去即可。

浅拷贝（shallowCopy）

数组浅拷贝

数组浅拷贝的方法

//（1）使用数组的concat方法
var arr=[1,2,3,4,5];
var newArr=[];
newArr.concat(arr);
console.log(newArr);

//(2)使用数组的slice方法
var arr=[1,2,3,4,5,6];
var newArr=arr.slice();
console.log(newArr);

对象浅拷贝

对象浅拷贝就需要用到一个方法Object.assign()，这个方法可以吧任意多个源对象可枚举属性拷贝给目标对象，然后返回目标对象。

let arr={
    a:1,
    b:2,
    c:3
}
let newArr=Object.assign({},arr);
newArr.d=5;
console.log(arr);  //{a:1, b:2,c:3}
console.log(newArr);//{a:1, b:2,c:3,d:5}

深拷贝(deepCopy)

数组深拷贝

这个方法不仅适用于数组，还适用于对象。

//这里有个对象浅拷贝的小技巧，但是有个小问题就是这个方法无法拷贝函数
 let name = {
    a: 1,
    b: {
         c: 2
     }
 }
 let newObj=JSON.parse(JSON.stringfy(name));
name.b.c=12;
console.log(name); //{a: 1,b: {c: 2 }}
console.log(newObj); //{a: 1,b: {c: 12 }}

封装函数

好了说了这么多，我们就把这两个深浅拷贝封装一下吧，方便我们随时使用，嘻嘻嘻。

浅拷贝

思路：首先判断是否是引用类型，只拷贝引用类型的值。其次遍历对象，把属性和属性值都放在一个新的对象里。

let  shallowCopy=function(obj){
    if(typeof obj!= 'object') return ;
    let newObj=obj instanceof Array? []:{};
    for(let key in obj){
        if(obj.hasOwnProperty(key)){
            newObj[key]=obj[key];
        }
    }
    return newObj;
}

深拷贝

思路：拷贝的时候判断一下属性值的类型，如果是对象，递归调用深拷贝函数即可。

let deepCopy=function(obj){
    if(typeof obj!='object') return ;
    let newObj=obj instanceof Array? []:{};
    for(let key in obj){
        if(obj.hasOwnProperty(key)){
            newObj[key]=typeof obj[key]==='object'? deepCopy(obj[key]):obj[key];        
        }
    } 
    return newObj;
}