简单讲下浅拷贝
浅拷贝顾名思义拷的比较浅，浅到只有引用类型的第一层数据才能被拷贝，第二层的数据修改会改变原来的数组
浅拷贝的几种方法：for 循环 concat
let arr = [1,2,3,4]
let cloneArr = []
for(let i = 0; i < arr.length; i++) {
cloneArr.push(arr[i])
}
cloneArr.push(99)
console.log(arr) // [1, 2, 3, 4]
console.log(cloneArr) // [1, 2, 3, 4, 99] 浅克隆成功原数组未发生变化
补充浅克隆我常用的几个方法：slice 、concat、Object.assign()
简述深拷贝
深拷贝就是指整个对象、数组完全拷贝跟原数组不会产生任何交集
1. 第一种方法递归克隆
const arr = [1, 2, [3, 4, [5, 6]]]
function deepClone(parm) {
let result = Array.isArray(parm) ? [] : {}
if (Array.isArray(parm)) { //这边要注意因为数组用 typeof 的话类型也是object
parm.forEach(item => { result.push(deepClone(item)) })
} else if (typeof parm === 'object') {
for (const key in parm) {
result[key] = deepClone(parm[key])
}
} else {
result = parm
}
return result
}
const arr2 = deepClone(arr)
arr2[2].push(88)
arr2[2][2].push(99)
console.log(arr)
console.log(arr2)
很显然深拷贝成功了 修改第二层和第三层都不会对原来数组参数影响
精简版deepClone
```
function deepClone(args){
let result = Array.isArray(args) ? []:{}
for (const key in args) {
result[key] = typeof args[key] === 'object' ? deepClone(args[key]) : args[key]
}
return result
}
```
2. JSON.parse(JSON.stringify()) 也可以实现深拷贝但是有弊端
弊端：
1.如果拷贝内容里面有日期格式，则也会改变成字符串
2.如果对象里面有值为undefined 也会被抹掉
还有其他格式的一些方法会发生一些变化后续在补充 ！！！
还是建议使用递归拷贝方法，最起码这个函数自己可以把控 ~
const arr2 = deepClone(arr)
arr2[2].push(88)
arr2[2][2].push(99)
console.log(arr)
console.log(arr2)
1
1
1
