JavaScript的深拷贝与浅拷贝

岚岚天空

一句话来解释什么是深浅拷贝，B拷贝A，当修改A，B如果变化，就是浅拷贝，反之就是深拷贝。
基本原理：
1.递归函数
2.对象内的值都是简单数据类型时 直接进行赋值
3.当我们遇到数组和对象时，可以再次调用函数，利用递归去拷贝数组和对象内的每个值
4.先数组 后对象  因为数组也是对象 
下面是一个实现深拷贝的函数：

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

复制代码

 

来源:https://www.cnblogs.com/ITBOSS-Li/p/17274036.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！