js 复制一个对象

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(克隆节点及其属性,以及后代)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 5,196评论 0 4
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,646评论 0 4
  • title: js面向对象date: 2017年8月17日 18:58:05updated: 2017年8月27日...
    lu900618阅读 3,674评论 0 2
  • 雨夜重聚,看教学楼外紫叶李正熟,撑伞独灯夜窃李。莫笑余痴,半生不愿与君离。 水调歌头·窃李 凉夜树何静,冷雨点斜枝...
    立小笳阅读 2,615评论 8 14
  • 这学期结束我就大四了,对于这所曾经颇多抱怨的学校,我有太多的不舍。 我的学校坐落于一座美丽的月亮岛上,这座岛原名桃...
    沐豆豆阅读 1,207评论 0 0

友情链接更多精彩内容