JavaScript中的深拷贝与浅拷贝

在JavaScript中，深拷贝和浅拷贝是两种不同的对象复制方式。了解它们之间的区别对于编写高效且可靠的代码非常重要。

浅拷贝（Shallow Copy）

浅拷贝是创建一个新对象，并将原始对象的属性值逐一复制到新对象。如果属性值是基本类型（如数字、字符串、布尔值等），则直接复制其值；如果属性值是引用类型（如数组、对象等），则复制的是引用地址。这意味着原始对象和浅拷贝后的新对象在引用类型属性上指向同一个内存空间。

浅拷贝实现方法

1. 使用Object.assign()方法：

const obj1 = { a: 1, b: [2, 3] };
const obj2 = Object.assign({}, obj1);

1. 使用对象展开运算符...：

const obj1 = { a: 1, b: [2, 3] };
const obj2 = { ...obj1 };

浅拷贝的局限性

由于浅拷贝只复制了引用类型属性的引用地址，因此原始对象和新对象在这些属性上的修改会相互影响。这可能导致数据不一致的问题。

深拷贝（Deep Copy）

深拷贝是创建一个新对象，并递归地将原始对象的所有属性值复制到新对象。与浅拷贝不同，深拷贝会为引用类型属性分配新的内存空间，从而确保原始对象和新对象在数据和引用上都是完全独立的。

深拷贝实现方法

1. 使用JSON.parse()和JSON.stringify()方法：

const obj1 = { a: 1, b: [2, 3] };
const obj2 = JSON.parse(JSON.stringify(obj1));

1. 注意：这种方法不能处理循环引用、函数、Date对象、正则表达式等特殊对象。
2. 使用递归实现深拷贝：

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
 
  let newObj = Array.isArray(obj) ? [] : {};
 
  for (let key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      newObj[key] = deepCopy(obj[key]);
    }
  }
 
  return newObj;
}
 
const obj1 = { a: 1, b: [2, 3] };
const obj2 = deepCopy(obj1);

深拷贝的优势

深拷贝确保了原始对象和新对象在数据和引用上的完全独立，避免了数据不一致的问题。这在处理复杂对象和需要保持数据独立性的场景中非常有用。

总结

• 浅拷贝仅复制对象的第一层属性，对于引用类型属性，复制的是引用地址，可能导致数据不一致问题。
• 深拷贝递归地复制对象的所有层次属性，并为引用类型属性分配新的内存空间，确保原始对象和新对象的完全独立。
• 根据实际需求选择合适的拷贝方式，以避免潜在的问题。