美文网首页
深拷贝和浅拷贝

深拷贝和浅拷贝

作者: 赵BW | 来源:发表于2017-03-26 22:57 被阅读0次
    在做项目的时候遇到了一个问题。对象的复制

    例:object1 = object2;
    发现了修改object1的时候,也会修改object2。
    原因是--引用。这个概念是知道。结果在写代码的时候忘记了。代码要多写啊。


    再熟悉下引用的概念:

    变量保存的是对象的地址。所以在赋值的时候只会赋值地址。但是都指向同一个对象。


    那么问题来了:子对象发生改变,父对象也会发生改变。这不是我想要的。

    所以就借这个机会学习了下关于对象的拷贝的方法:

    • 浅拷贝
      function copy(fObj) {
      var Son = {};
      for (var i in fObj) {
      Son[i] = fObj[i];
      }
      return Son;
      }

    这个方法有个缺点:
    • 如果fObj的一个属性上是对象或者数字,一样只会复制地址。
      子对象在发生改变的时候,依然会改变父对象。所以这个时候就出现深拷贝了。

    • 深拷贝
      和浅拷贝的区别:在拷贝父对象的时候在检查要拷贝的元素是不是对象。然后递归。

      function deepCopy(obj){
      var sonObj= typeof(obj)=="object"?{}:[];
      for(var i in obj){
      if(typeof(obj[i])=="Object"){
      sonObj[i] = deepCopy(obj[i]);
      }else{
      sonObj[i] = obj[i];
      }
      }
      return sonObj;
      }


    总结:

    深拷贝和浅拷贝的区别在于在拷贝对象前,有没有判断要拷贝的属性是不是对象,如果是对象,就要进行递归,然后在来一次。


    这是在写项目的时候发现的。我也发现了一个小办法。
    可以这样复制对象:
    var obj1 = json.parse(json.stringify(obj2));
    这个办法是先把obj2转化为字符串,然后在通过parse转化为对象,在传给obj1,这样obj就互不干扰了。

    相关文章

      网友评论

          本文标题:深拷贝和浅拷贝

          本文链接:https://www.haomeiwen.com/subject/peclottx.html