zoukankan      html  css  js  c++  java
  • 【深拷贝VS浅拷贝】

    浅拷贝

    复制代码
    浅拷贝:所谓的浅拷贝就是复制一份引用数据类型的地址,当改变了内存中数据的某一个值得话,也会影响到另一个对象
    
    浅拷贝的方式:
       
       浅拷贝1
        var obj = {name:"张三",age:19,sex:"男"}
        var newObj = obj;
    
        newObj.name="李四";
        console.log(obj);//{name:"李四",age:19,sex:"男"}
        console.log(newObj);//{name:"李四",age:19,sex:"男"}
    
    
        浅拷贝2 
            Object.assgin()
            参数1:目标对象
            参数2:任意多个对象
    
            如果对象是多层的话
            var obj = {data:{a:1,b:2,c:3}};
    
            var obj1 = Object.assign({},obj);
            obj1.data.a = 10;
            console.log(obj);//{data:{a:10,b:2,c:3}}
    
    
        浅拷贝3
            封装CopyAttr()
            如果对象是多层的话
        function copyAttr(obj){
            var newObj = {};
            for(var key in obj){
                newObj[key] = obj[key];
            }
            return newObj;
        }
    
        var obj = {data:{a:1,b:2,c:3}};
        var newObj = copyAttr(obj);
        newObj.data.a = 10;
        console.log(obj)//{data:{a:10,b:2,c:3}}
    
    
      浅拷贝4
            $.extend({},obj)
            var obj = {data:{a:1,b:2,c:3}};
            var newObj = $.extend({},obj);
            newObj.data.a = 10;
            console.log(obj);//{a: 10, b: 2, c: 3}
            console.log(newObj);//{a: 10, b: 2, c: 3}
    复制代码

    3、深拷贝

    复制代码
    
    
    深拷贝:所谓的深拷贝就是复制一份引用数据类型的数据,当改变了数据的某一个值得话,不会影响到另一个对象(注意深拷贝是拷贝的数据,而不是索引,浅拷贝拷贝的是索引而不是数据)

    深拷贝1 Object.assign(); 如果对象只有一层的 var obj = {a:1,b:2,c:3}; var newObj = Object.assign({},obj); newObj.a = 10; console.log(obj);//{a: 1, b: 2, c: 3} console.log(newObj);//{a: 10, b: 2, c: 3} 深拷贝2 $.extend(true,{},obj) var obj = {a:1,b:2,c:3}; var newObj = $.extend(true,{},obj); newObj.a = 10; console.log(obj);//{a: 1, b: 2, c: 3} console.log(newObj);//{a: 10, b: 2, c: 3} 深拷贝3 JSON.stringify() var obj = {data:{a:1,b:2,c:3}}; var newObj = JSON.parse(JSON.stringify(obj)); newObj.data.a = 10; console.log(obj);//{a: 1, b: 2, c: 3} console.log(newObj);//{a: 10, b: 2, c: 3} 缺点:没有办法将函数转换为json
     
  • 相关阅读:
    js实现键盘操作对div的移动或改变-------Day43
    深入浅出谈开窗函数(一)
    Android入门第八篇之GridView(九宫图)
    ubuntu sublime安装及配置
    人脸识别算法初次了解
    POJ 1509 Glass Beads
    在Ubuntu上下载、编译和安装Android最新源码
    目标检測的图像特征提取之(一)HOG特征
    WTL介绍
    svn加入新的文件夹
  • 原文地址:https://www.cnblogs.com/followme789/p/10881958.html
Copyright © 2011-2022 走看看