浅拷与深拷贝
浅拷贝类似于C中的数组,赋值是指向数组的内存首地址,对赋值后数组的操作同样会影响到原数组
深拷贝相当于重新生成一个新的值,二者互不影响
为什么要使用深拷贝?
我们希望在创建新的数组(对象)的时候,不改变原数组(对象)
赋值和浅拷贝的区别?
当我们把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。
浅拷贝是按位拷贝对象,它会创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。
//浅拷贝
let arr = [1,2,3]
//[1, 2, 3]
let arr2 = arr
//arr2 [1, 2, 3]
arr2[0] = 0
arr2
//[0, 2, 3]
arr
//[0, 2, 3]
/*深拷贝方法*/
arr = [1,2,3]
let arr2 = JSON.parse(JSON.stringify(arr);
arr2[0] = 0
//arr2 [0, 2, 3]
//arr [1, 2, 3]
Json方法有局限性,如日期对象的转化,可以使用window.structuredClone
但是有兼容性问题,所以如果有严格的场景,我们一般还是要封装一个递归的函数来做,或者用第三方库来做