深拷贝和浅拷贝

最新推荐文章于 2024-07-22 15:19:55 发布

欧偶藕

最新推荐文章于 2024-07-22 15:19:55 发布

阅读量219

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/liyaodong1234/article/details/134492071

版权

本文介绍了三种深拷贝对象的方法：通过JSON.stringify和JSON.parse转换，使用lodash库的_.cloneDeep函数，以及自定义递归实现。详细讲解了每种方法的工作原理和适用场景。

摘要由CSDN通过智能技术生成

深拷贝

新的对象

实现方式

1.利用JSON.stringify将对象转成JSON字符串，再用JSON.parse把字符串解析成对象

JSON.parse(JSON.stringify())

2.lodash的_.cloneDeep
3.手写递归循环

function deepClone(obj, hash = new WeakMap()) {
  if (obj === null) return obj // 如果是null或者undefined我就不进行拷贝操作
  if (obj instanceof Date) return new Date(obj)
  if (obj instanceof RegExp) return new RegExp(obj)
  // 可能是对象或者普通的值  如果是函数的话是不需要深拷贝
  if (typeof obj !== "object") return obj
  // 是对象的话就要进行深拷贝
  if (hash.get(obj)) return hash.get(obj)
  let cloneObj = new obj.constructor()
  // 找到的是所属类原型上的constructor,而原型上的 constructor指向的是当前类本身
  hash.set(obj, cloneObj)
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      // 实现一个递归拷贝
      cloneObj[key] = deepClone(obj[key], hash)
    }
  }
  return cloneObj
}