Javascript中深拷贝的几种实现方法

1. 递归的方法

function deepClone (obj) {
    
    
  //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
  var objClone = Array.isArray(obj) ? [] : {
    
    };

  //进行深拷贝的不能为空，并且是对象或者是
  if (obj && typeof obj === "object") {
    
    
    for (var key in obj) {
    
    
      // object.prototype.hasOwnProperty()
      // 返回一个布尔值， 判断该对象是否含有指定属性， 不包含继承来的属性
      if (obj.hasOwnProperty(key)) {
    
    
        if (obj[key] && typeof obj[key] === "object") {
    
    
          objClone[key] = deepClone(obj[key]);
        } else {
    
    
          objClone[key] = obj[key];
        }
      }
    }
  }
  return objClone;
}

2. JSON对象方法

function deepClone (obj) {
    
    
  return JSON.parse(JSON.stringify(obj))
}

缺点：

• 会忽略undefined、symbol、函数

• 不能解决循环引用

• 不能处理正则、new Date()

3. JQuery的entend方法

function deepClone (obj) {
    
    
  var objClone = Array.isArray(obj) ? [] : {
    
    };
  return $.extend(true, objClone, obj)
}