js中有关数组中深拷贝的问题，纠正JSON.parse(JSON.string)的弊端

小仙有礼了

已于 2024-12-23 11:35:56 修改

阅读量433

点赞数 1

分类专栏： javascript 文章标签： javascript json vue.js

于 2023-02-24 15:28:13 首次发布

本文链接：https://blog.csdn.net/CFXXXL/article/details/129201836

版权

javascript 专栏收录该内容

6 篇文章

订阅专栏

文章讨论了在使用JSON.parse进行对象拷贝时，遇到包含函数的数组会引发内存占位异常和数据丢失的问题。提供了一个自定义的深拷贝函数来避免这个问题，该函数利用Map存储已复制的对象，防止无限递归和内存溢出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON.parse(JSON.string)无法对数组中含有函数的拷贝，否则会出现内存占位异常的问题，导致数据都是underfind,json报错等问题

const deepCopy=(obj)=> {
    if (typeof obj !== 'object') return obj;
    const newObj = Array.isArray(obj) ? [] : {};
    for(let key in obj) {
      if (obj.hasOwnProperty(key)) {
        newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key];
      }
    }
    return newObj;
  }

如果出现了内存溢出的问题，就请参考下面的方法，希望给你得到帮助！

const deepCopy=(obj,map = new Map())=> {
    if (typeof obj === 'object') {
      let res = Array.isArray(obj) ? [] : {};
      if(map.get(obj)){
        return map.get(obj);
      }
      map.set(obj,res);
      for(let i in obj){
        res[i] = deepCopy(obj[i],map);
      }
      return map.get(obj);
    }else{
      return obj;
    }
  }