js深度复制对象

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

猜你喜欢

转载自www.cnblogs.com/suifeng/p/8855768.html
今日推荐