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

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

1、使用递归的方式实现深拷贝

//使用递归的方式实现数组、对象的深拷贝
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;

方法二

let a=['后盾人','向军']
//Object.entries 对象数组化
// console.log(JSON.stringify(Object.entries(a),null,2))

let b={name:'后盾人',title:'向军'}

// console.log(JSON.stringify(Object.entries(b),null,2))
function copy(obj){

    //判断obj是数组还是对象
    let res=obj instanceof Array ?[]:{}
    for(const [k,v] of Object.entries(obj)){
        console.log(v);
        res[k]=typeof v =='Object' ? copy(v):v
    }

console.log(res);
    return res;
}

copy(b)
// copy(b)

2、通过 JSON 对象实现深拷贝

缺点

（1）如果对象里有函数,函数无法被拷贝下来

（2）无法拷贝copyObj对象原型链上的属性和方法

（3）当数据的层次很深，会栈溢出

//通过js的内置对象JSON来进行数组对象的深拷贝
function deepClone2(obj) {
  var _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
  return objClone;
}

缺点：

（1）如果对象里有函数,函数无法被拷贝下来

（2）无法拷贝copyObj对象原型链上的属性和方法

（3）当数据的层次很深，会栈溢出