深拷贝与浅拷贝：掌握对象复制的精髓

2023-09-16 12:34:13

在软件开发中，对象复制是处理对象数据的常用操作之一，而深拷贝和浅拷贝是两种最常见的复制方式。理解这两种复制方式之间的差异对于编写健壮可靠的程序至关重要。

深入理解深拷贝与浅拷贝

浅拷贝：复制对象的属性值

浅拷贝会创建一个新对象，并将原对象的所有属性值复制到新对象中。但是，浅拷贝不会复制属性值引用的对象，而是将原对象的属性值直接复制到新对象中。

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

const shallowCopyObject = Object.assign({}, originalObject);

shallowCopyObject.name = 'Jane Doe';
shallowCopyObject.address.street = '456 Elm Street';

console.log(originalObject);
// {
//   name: 'John Doe',
//   age: 30,
//   address: {
//     street: '456 Elm Street',
//     city: 'Anytown',
//     state: 'CA',
//     zip: '12345'
//   }
// }

console.log(shallowCopyObject);
// {
//   name: 'Jane Doe',
//   age: 30,
//   address: {
//     street: '456 Elm Street',
//     city: 'Anytown',
//     state: 'CA',
//     zip: '12345'
//   }
// }

在上面的例子中，浅拷贝会创建一个新对象 shallowCopyObject，并将 originalObject 的所有属性值复制到 shallowCopyObject 中。但是，当修改 shallowCopyObject 的 address.street 属性值时，originalObject 的 address.street 属性值也会随之改变，因为 address 属性是引用类型，浅拷贝只复制了 address 属性的值，而没有复制 address 对象本身。

深拷贝：复制对象及其所有属性值

深拷贝会创建一个新对象，并将原对象的所有属性值和属性值引用的对象都复制到新对象中。也就是说，深拷贝会递归地复制对象及其所有属性值，直到所有属性值都是基本类型（如数字、字符串等）为止。

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

const deepCopyObject = JSON.parse(JSON.stringify(originalObject));

deepCopyObject.name = 'Jane Doe';
deepCopyObject.address.street = '456 Elm Street';

console.log(originalObject);
// {
//   name: 'John Doe',
//   age: 30,
//   address: {
//     street: '123 Main Street',
//     city: 'Anytown',
//     state: 'CA',
//     zip: '12345'
//   }
// }

console.log(deepCopyObject);
// {
//   name: 'Jane Doe',
//   age: 30,
//   address: {
//     street: '456 Elm Street',
//     city: 'Anytown',
//     state: 'CA',
//     zip: '12345'
//   }
// }

在上面的例子中，深拷贝会创建一个新对象 deepCopyObject，并将 originalObject 的所有属性值和属性值引用的对象都复制到 deepCopyObject 中。当修改 deepCopyObject 的 address.street 属性值时，originalObject 的 address.street 属性值不会改变，因为深拷贝复制了 address 对象本身，而不是只复制 address 属性的值。