JS-深浅拷贝

• 拷贝：复制数据
• 浅拷贝：将对象的第一层数据复制出来，更深层的数据仅仅是地址的引用
• 深拷贝：无论对象有多少层数据，全都要复制出来
• 实现浅拷贝
  1. 使用for-in遍历

  let target = {};
  // 遍历源数据对象
  for (const key in origin) {
      // 将源数据对象中的第一层数据赋值给target
      target[key] = origin[key];
  }
  

  2. 使用Object.assign方法

  let target = {};
  Object.assign(target, origin);
  

  3. 扩展运算符

  let target = { ...origin }
  

• 实现深拷贝
  1. 使用JSON转换
     • 此方法只适用于数据中的复杂类型数据都是对象或数组的情况

  let target = JSON.parse(JSON.stringify(origin));
  

  2. 使用递归函数手写深拷贝
     • 此函数仅仅考虑数据中的复杂类型数据都是对象或数组的情况

  function deepCopy(origin, target = {}) {
      // 遍历origin对象
      for (const key in origin) {
          // 判断origin[key]的值是否为对象
          if (Object.prototype.toString.call(origin[key]) !== 'object Object') {
              // 如果不是对象，直接添加到target中
              target[key] = origin[key];
          } else {
              // 如果是对象，则递归调用
              target[key] = {};
              deepCopy(origin[key], target[key]);
          }
      }
      return target;
  }