js 深拷贝的几种情况总结

一、深拷贝

1.解释

在前端项目中，处理数据时常常需要进行 JSON 数据的拷贝。然而，为了确保拷贝的双方数据之间互不影响，我们需要使用深拷贝。
深拷贝是一种技术，它可以创建一个完全独立的副本，使得原始数据和拷贝的数据彼此分离，互不干扰。
具体来说，深拷贝会复制引用数据类型的每个属性值，并为其创建一个新的指针和内存空间，从而确保原始对象和拷贝对象的引用地址完全独立。
通过深拷贝，原始数据和拷贝的数据在堆内存中都有自己独立的存储空间，任何修改只会影响到对应的对象，不会对其他对象产生影响。
这样，我们可以放心地进行数据操作，而不用担心拷贝的数据会误导或影响原始数据的内容。
请注意，在实际开发中，可以使用工具库或编写自定义函数来实现深拷贝操作，以确保数据的正确复制和隔离。
总结一下，深拷贝是一种将数据完全复制并分离的技术，在前端项目中非常常见，可以有效避免数据之间的相互影响。

2.方法总结

2.1 方法一：使用Object.assign(),一般用于数据类型比较简单，层数不大于1的数据；因为Object.assign无法深层拷贝。

const strJson = {
      id:'12343231',
      name:'张三',
      age:23,
      inof:{
        sex:'男'
      },
      sjid:null,
      strHandle () {
        console.log('111111111');
      }
    }
    obj.name = 'lisi'
    obj.inof.sex = '女'
    console.log('obj',obj);
    console.log('strJson',strJson);   

结果：

2.2 方法二：使用JSON.parse和JSON.stringify,一般用于数据类型比较复杂的，有深层嵌套的数据；但是undefined ， function， RegExp 等类型无法处理；

const strJson = {
      id:'12343231',
      name:'张三',
      age:23,
      inof:{
        sex:'男'
      },
      sjid:null,
      strHandle () {
        console.log('111111111');
      }
    }
    const obj = JSON.parse(JSON.stringify(strJson))
    obj.name = 'lisi'
    obj.inof.sex = '女'
    console.log('obj',obj);
    console.log('strJson',strJson);

结果：

2.3 方法三：使用递归拷贝，在代码中处理特殊的情况。

 function copyHandle (strJson) {
      let result ;
      // 判断是否存在
      if (!strJson) return null;
      // 判断是否是对象
      if (typeof strJson !== 'object') return strJson;
      // 判断是否是数组
      if (Array.isArray(strJson)) {
        result = [];
        for (let i of strJson) {
          result.push(copyHandle(i))
        }
      }//判断是否是RegExp
      else if(strJson.constructor===RegExp) {
        result = strJson
      }//判断是否是对象
      else {
        result = {}
        for (let i in  strJson) {
          result[i] = copyHandle(strJson[i])
        }
      }
      // 返回结果
      return result
    }