在js中如何复制一个对象？（图文教程）-js教程-PHP中文网

在js中如何复制一个对象？（图文教程）

亚连

发布： 2018-05-18 16:21:30

原创

1991人浏览过

下面是我给大家整理的在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);

登录后复制

上面是我整理给大家的，希望今后会对大家有帮助。

JS保留两位小数输入数校验代码

JS保留一位数字后移除非数字

JS刷新页面方法总结

以上就是在js中如何复制一个对象？（图文教程）的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JS代码规范怎么制定_JS JavaScript代码书写规范与最佳实践 JavaScript非标准日期字符串的健壮解析与格式化教程 JavaScript：高效地将列表数据分块并序列化为JSON JavaScript自定义日期字符串解析与格式化教程如何在JavaScript中实现数组元素与流程间的顺序延迟执行