深拷贝和浅拷贝是常用于复制对象或数组的概念。下面我将介绍几种常见的深拷贝和浅拷贝的方法：

浅拷贝：

  1. 扩展操作符（Spread Operator）：使用扩展操作符 ... 可以对数组或对象进行浅拷贝。
const originalArray = [1, 2, 3];
const shallowCopyArray = [...originalArray];

const originalObject = { name: 'John', age: 25 };
const shallowCopyObject = { ...originalObject };
  1. Object.assign() 方法：Object.assign() 方法可以将一个或多个源对象的属性拷贝到目标对象中，实现浅拷贝。
const source = { name: 'John', age: 25 };
const shallowCopy = Object.assign({}, source);
  1. Array.prototype.slice() 方法：slice() 方法用于返回一个浅拷贝的数组副本。
const originalArray = [1, 2, 3];
const shallowCopyArray = originalArray.slice();

深拷贝：

  1. JSON.parse() 和 JSON.stringify()：可以通过将对象转换为 JSON 字符串，再将其解析为新的对象来实现深拷贝。这种方法适用于对象或数组中只包含基本类型数据或可以序列化的对象。
const originalObject = { name: 'John', age: 25 };
const deepCopyObject = JSON.parse(JSON.stringify(originalObject));
  1. 递归拷贝：利用递归的方式遍历对象或数组的每个属性或元素，创建一个完全独立的新对象或数组。
function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  
  const copy = Array.isArray(obj) ? [] : {};
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  
  return copy;
}

// 使用示例
const originalArray = [1, 2, { name: 'John' }];
const deepCopyArray = deepCopy(originalArray);

请注意，以上方法都有其适用场景和限制。比如，使用 JSON 方法进行深拷贝时，无法处理函数、正则表达式、Date 对象等，因为它们无法被正确地序列化和反序列化。递归拷贝的方法在处理循环引用时需要特别小心，以避免陷入无限循环。在实际使用中，请根据具体情况选择适合的拷贝方法。

文章目录