JavaScript的深拷贝与浅拷贝
一句话来解释什么是深浅拷贝,
B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝
。
基本原理:
1.递归函数
2.对象内的值都是简单数据类型时 直接进行赋值
3.当我们遇到数组和对象时,可以再次调用函数,利用递归去拷贝数组和对象内的每个值
4.先数组 后对象 因为数组也是对象
下面是一个实现深拷贝的函数:
1 functiondeepClone(obj) {2 let objClone = Array.isArray(obj) ?[] : {};3 if (obj && typeof obj === "object") {4 for (key inobj) {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 returnobjClone;17 }