当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js深度复制对象

js深度复制对象

2018年04月17日  | 移动技术网IT编程  | 我要评论

js在处理复杂数据的时候，可能会涉及到引用类型的对象或者数组的copy问题，下面是两种复制对象或数组的方法：

一、利用jquery自带的方法，调用简单方便

// 浅层复制（只复制object根级的各个值）
var newObject = jQuery.extend({}, oldObject);

// 深层复制（会复制整个(包括根节点和子节点)object的值）
var newObject = jQuery.extend(true, {}, oldObject);


二、可以通过js循环的方式去一层一层复制，如下

　// 浅层复制（只复制object根级的各个值）
　
var old_obj = {a:{b:50}};
function copyBoot(obj){
    var newobj = {};
    for ( var attr in obj) {
        newobj[attr] = obj[attr];
    }
    return newobj;
}
var obj2 = copyBoot(obj);
obj2.a.b = 20;
alert(obj.a.b); 
// 深层复制（会复制整个(包括根节点和子节点)object的值）
var obj = {a:{b:50}};
function copyAll(obj){
    if(typeof obj != 'object'){
        return obj;
    }
    var newobj = {};
    for ( var attr in obj) {
        newobj[attr] = copyAll(obj[attr]);
    }
    return newobj;
}
var obj2 = copyAll(obj);
obj2.a.b = 20;
alert(obj.a.b);

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网