js如何复制一个对象?

Posted 安静的女汉纸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何复制一个对象?相关的知识,希望对你有一定的参考价值。

方法一:

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

//深复制对象方法    
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  

方法二:

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

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

方法三:

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

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

 

 

转自:https://blog.csdn.net/liyujia6636/article/details/52198128

 

以上是关于js如何复制一个对象?的主要内容,如果未能解决你的问题,请参考以下文章

Android:单击片段中的按钮时如何通知活动? [复制]

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

这两个代码片段之间有区别吗?如果有,那又如何? [复制]

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

为什么我不能在此片段中生成唯一对象数组?