数组, 对象的深拷贝

（1）for循环实现数组的深拷贝

var arr1 = [1, 2, 3];
var arr2 = [];
for (var i = 0; i < arr1.length; i++) {
    arr2.push(arr1[i]);
}
arr1[0] = 4;
console.log(arr1); //4, 2, 3
console.log(arr2); //1, 2, 3

concat 方法实现数组的深拷贝

 var arr1 = [1, 2, 3];
 var arr2 = arr1.concat();
 arr1[0] = 4;
 console.log(arr1); //4, 2, 3
 console.log(arr2); //1, 2, 3

slice 方法实现数组的深拷贝

var arr1 = [1, 2, 3];
var arr2 = arr1.slice(0);
arr1[0] = 4;
console.log(arr1); //4, 2, 3
console.log(arr2); //1, 2, 3

ES6扩展运算符实现数组的深拷贝

var arr1 = [1, 2, 3];
var [...arr2] = arr1;
arr1[0] = 4;
console.log(arr1); //4, 2, 3
console.log(arr2); //1, 2, 3

对象的深拷贝方法

JSON.parse(JSON.stringy(obj))

无法实现对对象中方法的深拷贝

这种方法一不小心可能就造成对象的循环引用使程序卡死，并且要经过两次转换，结构上难免显得冗余。

Jquery出现后提供了对象的深拷贝方法

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

deep   可选。 Boolean类型 指示是否深度合并对象，默认为false。如果该值为true，且多个对象的某个同名属性也都是对象，则该"属性对象"的属性也将进行合并。

target   Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1  可选。 Object类型 第一个被合并的对象。

es6出现后，提供了Object.assign(obj1,obj2...)方法，但是，这是一个浅拷贝！！！

当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。

封装函数

//使用递归的方式实现数组、对象的深拷贝
function deepClone1(obj) {
  //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
  var objClone = Array.isArray(obj) ? [] : {};
  //进行深拷贝的不能为空，并且是对象或者是
  if (obj && typeof obj === "object") {
    for (key in obj) {
      if (obj.hasOwnProperty(key)) {
        if (obj[key] && typeof obj[key] === "object") {
          objClone[key] = deepClone1(obj[key]);
        } else {
          objClone[key] = obj[key];
        }
      }
    }
  }
  return objClone;
}