js数组及对象的深拷贝

浏览数：27 / 时间：2015年06月09日

为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过slice或者concat方法直接实现。

var arr1 = [1, 2, 3];
var arr2 = arr1.slice(0);
arr1[0] = 0;
console.log(arr1);
console.log(arr2);
var arr3 = [1, 2, 3];
var arr4 = arr3.concat();
arr3[0] = 0;
console.log(arr3);
console.log(arr4);

 

也可以通过自己的方法实现，就是遍历数组或对象，返回新数组或者对象。

var simpleCopy = function(o){
    if (o instanceof Array) {
        var n = [];
        for (var i = 0; i < o.length; ++i) {
            n[i] = o[i];
        }
        return n;
    } else if (o instanceof Object) {
        var n = {}
        for (var i in o) {
            n[i] = o[i];
        }
        return n;
    }
}

 

那么如何实现拷贝包含对象或者数组的这种情况呢？那么就通过递归拷贝来实现。

var deepCopy = function(o) {
    if (o instanceof Array) {
        var n = [];
        for (var i = 0; i < o.length; ++i) {
            n[i] = deepCopy(o[i]);
        }
        return n;

    } else if (o instanceof Object) {
        var n = {}
        for (var i in o) {
            n[i] = deepCopy(o[i]);
        }
        return n;
    } else {
        return o;
    }
}

 

注意：代码中我用instanceof来判断类型，一定要把o instanceof Array 放在 o instanceof Object上面，因为如果是数组的话，instanceof Object也返回true。

如此即可。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 代码 c t ip class js java r color object io 代码 c t ip class js java r color object io

相关文章

随机文章

您可能还喜欢

您可能还喜欢