避免歧义！JS浅拷贝和深拷贝详解

2023-11-15 00:45:47

当我们在编程中进行数据复制时，可能会遇到浅拷贝（Shallow Copy）和深拷贝（Deep Copy）的概念。这两者都是复制对象的一种方法，但它们在实现方式和效果上有着显著的不同。本文将深入探讨 JS 中的浅拷贝和深拷贝，帮助你理解它们的原理、实现方法以及应用场景。

浅拷贝原理：
浅拷贝只复制对象本身，并不复制其内部的子对象。也就是说，浅拷贝的对象与原对象共享相同的内存地址。如果修改浅拷贝对象的属性，也会影响到原对象。这是因为它们本质上是指向同一个内存地址的两个引用，而不是两个独立的对象。

浅拷贝实现：
在 JS 中，可以使用多种方法来实现浅拷贝：

使用赋值运算符（=）：这是最简单的一种浅拷贝方法，只需将原对象直接赋值给另一个变量。例如：

const obj1 = { name: 'Alice', age: 25 };
const obj2 = obj1;

现在，obj2 和 obj1 指向同一个内存地址，它们是同一个对象的引用。

使用 Object.assign() 方法：Object.assign() 方法可以将一个或多个源对象的属性复制到目标对象中。例如：

const obj1 = { name: 'Alice', age: 25 };
const obj2 = Object.assign({}, obj1);

现在，obj2 和 obj1 是两个独立的对象，但它们具有相同的属性值。需要注意的是，Object.assign() 方法只能复制一级属性，无法复制嵌套的对象。

深拷贝原理：
深拷贝是指递归地复制对象及其所有子对象。也就是说，深拷贝的对象与原对象是完全独立的，它们具有不同的内存地址。修改深拷贝对象的属性不会影响到原对象。

深拷贝实现：
在 JS 中，可以使用多种方法来实现深拷贝：

使用 JSON.parse() 和 JSON.stringify()：这是一种简单但有效的深拷贝方法。首先使用 JSON.stringify() 方法将对象转换为 JSON 字符串，然后使用 JSON.parse() 方法将 JSON 字符串转换为对象。例如：

const obj1 = { name: 'Alice', age: 25 };
const obj2 = JSON.parse(JSON.stringify(obj1));

现在，obj2 和 obj1 是两个完全独立的对象。

使用递归：可以使用递归函数来实现深拷贝。递归函数会遍历对象及其所有子对象，并逐个复制它们的属性。例如：

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if (Array.isArray(obj)) {
    return obj.map(item => deepCopy(item));
  }

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

  return newObj;
}