JavaScript的深拷贝与浅拷贝

博客 分享
0 158
张三
张三 2023-03-30 19:27:02
悬赏:0 积分 收藏

JavaScript的深拷贝与浅拷贝

一句话来解释什么是深浅拷贝,B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝

基本原理:

1.递归函数
2.对象内的值都是简单数据类型时 直接进行赋值
3.当我们遇到数组和对象时,可以再次调用函数,利用递归去拷贝数组和对象内的每个值
4.先数组 后对象  因为数组也是对象 

下面是一个实现深拷贝的函数:

 1 function deepClone(obj) {
 2         let objClone = Array.isArray(obj) ? [] : {};
 3         if (obj && typeof obj === "object") {
 4             for (key in obj) {
 5                 if (obj.hasOwnProperty(key)) {
 6                     //判断ojb子元素是否为对象(复杂数据类型),如果是,递归复制
 7                     if (obj[key] && typeof obj[key] === "object") {
 8                         objClone[key] = deepClone(obj[key]);
 9                     } else {
10                         //如果不是,简单复制(基本数据类型)
11                         objClone[key] = obj[key];
12                     }
13                 }
14             }
15         }
16         return objClone;
17     }

 

posted @ 2023-03-30 19:12  就TM你叫夏洛  阅读(5)  评论(0编辑  收藏  举报
回帖
    张三

    张三 (王者 段位)

    921 积分 (2)粉丝 (41)源码

     

    温馨提示

    亦奇源码

    最新会员