简述深浅拷贝

Posted 2023-02-22

参考技术A 浅拷贝顾名思义拷的比较浅，浅到只有引用类型的第一层数据才能被拷贝，第二层的数据修改会改变原来的数组

浅拷贝的几种方法：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