欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js深度复制对象

程序员文章站 2022-06-17 13:34:25
js在处理复杂数据的时候,可能会涉及到引用类型的对象或者数组的copy问题,下面是两种复制对象或数组的方法: 一、利用jquery自带的方法,调用简单方便 ......

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