js深度复制对象

2018-06-24 01:55:49来源：未知阅读 ()

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);