javascript中的深拷贝和浅拷贝!!!!!

时间:2022-09-13 19:48:21

javascript中的深拷贝和浅拷贝


  // 前拷贝
var obj = {
      name:"jack",
      age:18,
      gender:"female",
      hobbies:{
        swim:"游泳",
        eat:"各种吃"
      }
    };


  }
  var obj1 = {};
  for ( var i  in obj) {
     obj1[i] = obj[i];
  }
  console.log(obj1)

// 深拷贝



  var obj = {
    name:"jack",
    age:18,
    gender:"female",
    isOld : false,
    money:undefined,
    wife:null,
    hobbies:{
      swim:"游泳",
      eat:"各种吃",
      daPai:{
        puKe:"各种打",
        douDiZhu:"各种斗"
      }
    }
  };

  // 封装深拷贝
  function deepCopy(obj,obj1) {
    var key;
    for (key in obj) {
      if (typeof (obj[key]) != 'object' || obj[key] === null) {
        //基础类型拷贝
        obj1[key] = obj[key];
      }else {
        //引用类型处理 由于 obj1[key] 值为 undefined 的所以先赋值
        // 复杂类型 有可能是对象 可能是数组 我们在这里惊醒判断。
        obj1[key] = obj[key] instanceof Array? []:{};
        // 在利用递归处理 复杂类型数组
        deepCopy(obj[key],obj1[key]);
      }
    }
  }

    var obj2 = {};
    deepCopy(obj,obj2);


    obj.name = "rose";
    obj.hobbies.swim = "今天不游泳了";
    obj.hobbies.daPai.puKe = "打扑克";

    //由于obj中的某个属性也是对象形式,进行拷贝操作时使用赋值运行导致两者相同
    //通过修改发现确实相同
    console.log(obj);
    console.log(obj2);