JS 深拷贝与浅拷贝的本质区别及实现深拷贝的多种方法

浅拷贝与深拷贝：深入剖析 JavaScript 中复制对象的两种方法

在 JavaScript 开发中，我们经常需要复制对象。根据我们的需求，我们可以使用浅拷贝或深拷贝。浅拷贝只复制对象的属性，而深拷贝还复制属性引用的对象。

浅拷贝

浅拷贝是一种创建新对象的方法，该新对象包含原始对象的属性的副本。然而，如果原始对象的属性引用另一个对象，浅拷贝只会复制对该对象的引用，而不是创建该对象的副本。

举个例子，我们有一个 person 对象，它有一个 address 属性，该属性引用另一个 address 对象：

const person = {
  name: "John",
  address: {
    street: "123 Main Street",
    city: "New York",
    state: "NY",
    zip: "10001",
  },
};

const shallowCopy = Object.assign({}, person);

在这个例子中，shallowCopy 是 person 对象的浅拷贝。这意味着 shallowCopy 拥有 person.address 的引用，而不是 person.address 的副本。因此，如果我们修改 shallowCopy.address.street，它也会修改 person.address.street。

深拷贝

深拷贝是一种创建新对象的方法，该新对象包含原始对象的属性的副本，以及原始对象的属性引用的对象。换句话说，深拷贝创建原始对象的完整副本。

我们可以通过多种方式实现深拷贝。其中一种方法是使用递归：

const deepCopy = (obj) => {
  if (typeof obj !== "object" || obj === null) {
    return obj;
  }

  const newObj = Array.isArray(obj) ? [] : {};

  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }

  return newObj;
};

另一种方法是使用 JSON.parse() 和 JSON.stringify()：

const deepCopy = (obj) => JSON.parse(JSON.stringify(obj));

何时使用浅拷贝或深拷贝

浅拷贝通常用于简单对象，其中我们只需要复制对象本身，而不是对象引用的对象。深拷贝用于复杂对象，其中我们需要创建原始对象的完整副本，包括对其他对象的引用。

结论

浅拷贝和深拷贝是 JavaScript 中复制对象的两种重要技术。根据我们的需求，我们可以选择使用哪种方法。理解这两种方法之间的差异对于编写高效和可维护的代码至关重要。

常见问题解答

1. 浅拷贝和深拷贝的区别是什么？

浅拷贝只复制对象的属性，而深拷贝还复制属性引用的对象。

2. 为什么我们需要使用深拷贝？

我们使用深拷贝来创建原始对象的完整副本，包括对其他对象的引用。

3. 我们可以使用哪些方法来实现深拷贝？

我们可以使用递归、JSON.parse() 和 JSON.stringify() 来实现深拷贝。

4. 何时应该使用浅拷贝？

我们应该使用浅拷贝来复制简单对象，其中我们只需要复制对象本身，而不是对象引用的对象。

5. 何时应该使用深拷贝？

我们应该使用深拷贝来复制复杂对象，其中我们需要创建原始对象的完整副本，包括对其他对象的引用。