编写一个对象&&数组深copy函数方法

介绍

什么是深copy？意思就是指源对象与拷贝对象互相独立，其中任何一个对象的改动都不会对另一个对象形成影响。举个例子，一我的名叫张三，后来用他克隆（假设法律容许）了另一我的，叫李四，无论是张三之后缺胳膊少腿仍是李四之后挂掉了，都不会影响另一我的。

在js中，深copy一个对象，不论源对象或者拷贝对象改变，都不会对对象形成影响，举个js的栗子：

//咱们定义了一个张三，而后又用deepCopy基于张三深拷贝了一个名字为李四的人。
var people1 = {name: '张三', age: 20, die: false, hobbies: ['旅游', '打篮球']};
var people2 = deepCopy(people1);
people2.name = '李四';

//打印people1和people2的name
console.log('people1:', people1.name, 'people2:', people2.name); //people1: 张三 people2: 李四

//咱们再修改people2的兴趣爱好（hobbies）
people2.hobbies[1] = '看书';
console.log('李四的爱好是：', people2.hobbies); //李四的爱好是：["旅游", "看书"]
console.log('张三的爱好是：', people1.hobbies); //张三的爱好是：["旅游", "打篮球"]
复制代码

从上面的代码运行过程和结果咱们看到，用深拷贝方法拷贝的新对象和源对象是互相不影响的。

目的

编写一个可以深copy数组和对象的js函数方法

代码

function deepCopy(obj) {
    var newObj;
    if(typeof obj === 'object'){
        newObj = obj.constructor === Array ? [] : {};
        for(var key in obj){
            if(typeof obj[key] === 'object'){
                newObj[key] = deepCopy(obj[key]);
            }else{
                newObj[key] = obj[key];
            }
        }
    }else{
        newObj = obj;
    }
    return newObj;
}
复制代码

讲解

上面代码中deepCopy函数的实现过程当中，能够看到用到了函数递归。这里用函数递归是为了解决对象中的属性为数组或者对象时，深层拷贝的数组||对象属性。还有一个判断数组和对象的方法，我这里用的是 obj.constructor === Array ? [] : {}，由于数组也属于对象，因此用typeof没法区分数组和对象。固然还有不少种其余的区分数组和对象的方法了，你们能够在编写本身的deepCopy方法的时候使用。

说下浅复制和深复制的区别：

浅复制：只会将对象的各个属性进行依次复制，并不会进行递归复制，而js存储对象都是存地址的，因此浅复制会致使源对象的对象||数组属性和拷贝对象的对象||数组属性 指向同一块内存地址；会致使引用。

深复制：它不只将原对象的各个属性逐个复制出去，并且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上。这就不会存在属性指向同一个对象||数组的问题。