浅拷贝和深拷贝

最新推荐文章于 2025-09-10 15:47:18 发布

weixin_30325971

最新推荐文章于 2025-09-10 15:47:18 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/xiaofenguo/p/10650387.html

本文详细介绍了在JavaScript中实现深拷贝的各种方法，包括使用数组和对象的基本方法、JSON.stringify和JSON.parse，以及通过递归函数实现复杂数据结构的深拷贝。同时，还讨论了这些方法的优点和局限性。

单层数据深拷贝：

concat slice  Object.assign()    展开运算符...

demo：

let arr=[2,3,4,5];

let arr1=[].concat(arr);

let arr2=arr1.slice(0);

let arr3=[...arr1];

let arr4=Object.assign([],arr1);

但是如果多层数据，就不行了，就是slice和concat只能实现首层深拷贝

多层数据深拷贝可以使用JSON.stringfy JSON.parse

let obj={name:'zhangsan',arr:[2,3,4,5],obj:{age:2,sex:'male'}};

let obj1=JSON.parse(JSON.stringfy(obj));

但是元素不能是undefined和function（在转换过程中会被忽略）

深层拷贝实现使用递归：

function deepClone(obj){
                const targetObj=Object.prototype.toString.call(obj)=="[Object Array]"?[]:{};
                for(let key in obj){
                    if(obj.hasOwnProperty(key)){
                        if(targetObj[key]&&typeof targetObj[key]=='object'){
　　　　　　　　　　　　　　　　　　　targetObj[key]=deepClone(targetObj[key]);
　　　　　　　　　　　　　　}else{ targetObj[key]=obj[key]; } } } return targetObj; }