js数组及对象的深拷贝

╰半夏微凉° 2022-07-13 11:26 144阅读 0赞

# 为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过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);

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

![复制代码][copycode.gif]

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

![复制代码][copycode.gif]

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

如此即可。

# 转载自：[http://www.cnblogs.com/racyily/p/3532176.html][http_www.cnblogs.com_racyily_p_3532176.html] #

[copycode.gif]: /images/20220713/1fec805dd4bb4610b772eff59f5a6c87.png
[http_www.cnblogs.com_racyily_p_3532176.html]: http://www.cnblogs.com/racyily/p/3532176.html

js数组及对象的深拷贝

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 js对象的深拷贝

相关 vue对象深拷贝_理解JS的深拷贝和浅拷贝的问题

相关 JS 对象的深拷贝和浅拷贝

相关 js中如何深拷贝数组

相关 js 数组深拷贝的方法

相关 js数组及对象的深拷贝

相关 Java对象数组深拷贝

相关 JavaScript 数组对象深拷贝与浅拷贝

相关对象深拷贝

相关 js实现数组浅拷贝和深拷贝