实现深拷贝 2种方式

最新推荐文章于 2022-08-31 23:19:00 发布

JIseven

最新推荐文章于 2022-08-31 23:19:00 发布

阅读量156

点赞数

分类专栏：秘籍-技能提升文章标签： javascript 前端 object

本文链接：https://blog.csdn.net/qq_37833745/article/details/120023893

版权

秘籍-技能提升专栏收录该内容

7 篇文章 1 订阅

订阅专栏

本文介绍了两种JavaScript深拷贝的方法：一是利用JSON.stringify和JSON.parse的转换实现深拷贝，二是通过递归方式创建深拷贝。这两种方法分别适用于简单数据类型和复杂的数据结构，详细解析了它们的工作原理和适用场景，帮助开发者更好地理解和应用深拷贝技术。

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

1: 通过Object.parse(Object.stringfy())实现深拷贝

function deepClone(data) {
    let _data = JSON.stringify(data),
        dataClone = JSON.parse(_data);
    return dataClone;
};

2: 通过递归的方式实现Oject.assign的深拷贝(改变引用值的问题)

function _deepClone(source) {
  let target;
  if (typeof source === 'object') {
    target = Array.isArray(source) ? [] : {}
    for (let key in source) {
      if (source.hasOwnProperty(key)) {
        if (typeof source[key] !== 'object') {
          target[key] = source[key]
        } else {
          target[key] = _deepClone(source[key])
        }
      }
    }
  } else {
    target = source
  }
  return target
}