技术指南：揭秘深拷贝的艺术

前端

2024-01-19 07:09:43

1. 揭开深拷贝的神秘面纱

深度复制（deep copy）和浅层复制（shallow copy）是计算机科学中两个重要的概念，它们决定了复制对象时所采取的方式。浅层复制只复制对象的引用，而深拷贝则复制对象的副本，同时也会复制对象的所有子对象。

2. 为何选择深拷贝？

选择深拷贝的主要原因在于，它可以确保您在修改副本时，不会影响到原始对象。这是因为深拷贝创建了一个全新的对象，该对象与原始对象完全独立。而浅层复制只是复制了对象的引用，这意味着任何对副本的修改都会反映在原始对象上。

3. 何时使用深拷贝？

深拷贝通常适用于以下情况：

当您需要对复杂数据结构进行复制时，例如链表、树或图。
当您需要复制包含引用的对象时，例如包含其他对象属性的对象。
当您需要确保对副本的修改不会影响到原始对象时。

4. 深拷贝的实现方法

在 JavaScript 中，可以通过以下方法实现深拷贝：

// 使用递归实现深拷贝
function deepCopy(obj) {
  // 检查对象类型
  if (typeof obj !== "object" || obj === null) {
    return obj; // 基本类型或null，直接返回
  }

  // 根据对象类型创建新的对象
  if (Array.isArray(obj)) {
    const newObj = [];
    for (let i = 0; i < obj.length; i++) {
      newObj.push(deepCopy(obj[i]));
    }
    return newObj;
  } else if (typeof obj === "object") {
    const newObj = {};
    for (const key in obj) {
      newObj[key] = deepCopy(obj[key]);
    }
    return newObj;
  }
}

使用该函数可以对任何对象进行深拷贝，包括数组、对象、函数等。

5. 深拷贝实例

const originalObj = {
  name: "John",
  age: 30,
  address: {
    city: "New York",
    state: "NY",
  },
};

// 使用深拷贝函数复制对象
const copiedObj = deepCopy(originalObj);

// 修改副本中的属性
copiedObj.name = "Mary";
copiedObj.address.city = "Los Angeles";

// 检查原始对象是否受到影响
console.log(originalObj); // { name: "John", age: 30, address: { city: "New York", state: "NY" } }

// 检查副本对象
console.log(copiedObj); // { name: "Mary", age: 30, address: { city: "Los Angeles", state: "NY" } }