玩转浅拷贝与深拷贝，开启代码复制大法

2023-12-18 15:43:31

在编程世界中，复制对象是一项常见且重要的操作，掌握正确的复制方式对于避免数据损坏和确保程序正确运行至关重要。浅拷贝和深拷贝是两种最常见的复制方法，它们之间存在着微妙的差异，理解这些差异对于程序员而言至关重要。本文将对浅拷贝和深拷贝进行深入剖析，并通过翔实的示例帮助您轻松驾驭这两种复制方式。

浅尝浅复制，轻描淡写留痕迹

浅拷贝，顾名思义，只复制对象的第一层属性，而不会复制嵌套对象或数组。这是一种快速而简单的复制方式，适用于不需要复制复杂数据结构的情况。以下代码展示了浅拷贝的实现：

const obj1 = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const obj2 = {...obj1};

console.log(obj2);

运行这段代码，您会发现obj2包含了obj1的所有属性，包括嵌套的对象address。然而，如果更改obj2.address属性，您会惊讶地发现obj1.address属性也随之改变了！这是因为浅拷贝只复制了对象的第一层属性，而嵌套的对象仍然是同一个引用。

深入深拷贝，细致入微保真切

深拷贝则不同，它不仅复制对象的第一层属性，还会递归复制所有嵌套对象和数组，从而创建一个完全独立的对象副本。这确保了对副本的任何修改都不会影响到原始对象。以下代码展示了深拷贝的实现：

const obj1 = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const obj2 = JSON.parse(JSON.stringify(obj1));

console.log(obj2);