对象拷贝：浅拷贝与深拷贝

前端

2023-09-18 05:02:43

浅拷贝与深拷贝：JavaScript 对象拷贝技术指南

在 JavaScript 中，对象拷贝是一种至关重要的技术，它允许我们创建和操作数据的副本。对象拷贝有两种主要类型：浅拷贝和深拷贝。让我们深入探讨它们之间的差异，什么时候使用它们以及如何实现它们。

浅拷贝 vs. 深拷贝

浅拷贝 只拷贝对象的自身属性，而不拷贝嵌套的对象。这意味着目标对象和源对象指向相同的嵌套对象。

深拷贝 不仅拷贝对象的自身属性，还递归地拷贝嵌套对象，创建完全独立的副本。

何时使用浅拷贝和深拷贝

浅拷贝在以下情况下非常适合：

当只需要拷贝对象本身的属性时
当嵌套对象不需要修改时
当性能和内存消耗是关键因素时

深拷贝在以下情况下很有用：

当需要创建对象的一个完全独立副本时
当需要修改嵌套对象时
当数据安全性至关重要时

如何实现浅拷贝和深拷贝

浅拷贝

使用 Object.assign() 方法：该方法接受两个参数：目标对象和源对象，它会将源对象的属性复制到目标对象中。

const obj1 = { name: 'John Doe', age: 30 };
const obj2 = Object.assign({}, obj1);

使用扩展运算符：该运算符会展开对象，将其属性复制到另一个对象中。

const obj1 = { name: 'John Doe', age: 30 };
const obj2 = { ...obj1 };

深拷贝

使用递归函数：该函数会遍历对象的所有属性，包括嵌套对象，并创建它们的副本。

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  if (Array.isArray(obj)) {
    return obj.map(deepCopy);
  }
  const newObj = {};
  for (const key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }
  return newObj;
}

使用 JSON.parse() 和 JSON.stringify() 方法：该方法首先将对象转换为 JSON 字符串，然后将其解析为一个新的对象。

const obj1 = { name: 'John Doe', age: 30 };
const obj2 = JSON.parse(JSON.stringify(obj1));

优缺点

浅拷贝	深拷贝
快速且内存消耗小	慢且内存消耗大
不能拷贝嵌套对象	可以拷贝嵌套对象

常见问题解答

什么时候应该使用浅拷贝而不是深拷贝？
浅拷贝适合不需要修改嵌套对象并且性能是关键的情况下。
什么时候应该使用深拷贝而不是浅拷贝？
深拷贝适合需要创建对象的一个完全独立副本或者需要修改嵌套对象的情况下。
哪种拷贝方法更安全？
深拷贝更安全，因为它创建了对象的一个独立副本，防止对源对象的意外更改。
浅拷贝和深拷贝之间的主要区别是什么？
浅拷贝只拷贝对象本身的属性，而深拷贝会递归地拷贝嵌套对象。
如何判断一个对象是浅拷贝还是深拷贝？
通过使用 Object.is() 方法，可以判断两个对象是否指向同一内存位置。如果它们指向相同的内存位置，那么它是浅拷贝；否则，它是深拷贝。