美文网首页
js 复制一个对象

js 复制一个对象

作者: 山豆山豆 | 来源:发表于2017-03-15 13:42 被阅读0次

    1.将对象序列化再解析回来,对象中如果有函数function则不能正确复制

    var obj = {a:1,b:2}  
    var newObj = JSON.parse(JSON.stringify(obj));  
    newObj.a=3;  
    console.log(obj);  
    console.log(newObj);  
    

    2.把原来对象的属性遍历一遍,赋给一个新的对象。

    
    //深复制对象方法    
    var cloneObj = function (obj) {  
        var newObj = {};  
        if (obj instanceof Array) {  
            newObj = [];  
        }  
        for (var key in obj) {  
            var val = obj[key];  
            //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。  
            newObj[key] = typeof val === 'object' ? cloneObj(val): val;  
        }  
        return newObj;  
    };  
    //测试    
    var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  
    newObj = cloneObj(obj);//复制对象  
    newObj.b.c=2;//给新对象赋新值  
    obj.a();//1,不受影响  
    newObj.a();//2 
    

    3.针对数组对象的方法,用数组方法concat一个空数组

    var a=[1,2,3];  
    var b=a;  
    var c=[].concat(a);  
    a.push(4);  
    console.log(b);  
    console.log(c);  
    

    3-2.需要复制数组时,可以使用slice,jsPerf的相关文章

        <script type="text/javascript">
            var arr1=[01,02,03,[6,6,6],{a:2,b:3},05,06,07];
            var arr2=[];
            arr2=arr1.slice();
            console.log(arr2);//[1,2,3,4,5,6,7];
            arr2.push(88);
            console.log(arr1,arr2);
            //arr1=[1,2,3,4,5,6,7];
            //arr2=[1,2,3,4,5,6,7,88];
            arr3=[...arr2];
            arr3.push(090);
            console.log(arr2,arr3);
        </script>
    

    3.3 ES6 的数组复制

    var arr=[1,2,3];
    var arr2=[...arr];
    console.log(arr2);//[1,2,3];
    

    4 关于一个DOM 节点的复制

    Node.cloneNode(true);  // 默认为false(克隆节点), true(克隆节点及其属性,以及后代)
    

    相关文章

      网友评论

          本文标题:js 复制一个对象

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