深拷贝和浅拷贝

在做项目的时候遇到了一个问题。对象的复制

例: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就互不干扰了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容