浅拷贝与深拷贝的区别解读：解析JavaScript数据结构的复制奥秘

2023-10-28 10:02:47

在JavaScript中，数据类型分为基本数据类型和引用数据类型。基本数据类型包括null、undefined、boolean、string和number，它们的值直接按值存放，而引用数据类型包括对象和数组，它们的值是指向内存中对象的指针。

当对基本数据类型进行赋值时，会创建一个新的变量，并将其值设置为原变量的值。而当对引用数据类型进行赋值时，会创建一个新的变量，但该变量的值是原变量指向的对象的指针，而不是对象的副本。

浅拷贝是指只复制引用数据类型对象的指针，而不会复制对象本身。当对浅拷贝的对象进行修改时，原对象也会受到影响。深拷贝是指不仅复制引用数据类型对象的指针，还会复制对象本身。当对深拷贝的对象进行修改时，原对象不会受到影响。

JavaScript没有内置的深拷贝函数，但我们可以通过递归或使用第三方库来实现深拷贝。

浅拷贝和深拷贝在JavaScript中都有着广泛的应用，它们可以帮助我们更好地管理和操作数据结构。

浅拷贝的实现方法：

const obj1 = {
  name: '张三',
  age: 20
};

const obj2 = obj1;

obj2.age = 25;

console.log(obj1.age); // 25

在这个例子中，obj2是obj1的浅拷贝。当我们修改obj2的age属性时，obj1的age属性也会受到影响，因为它们指向同一个对象。

深拷贝的实现方法：

我们可以使用递归来实现深拷贝。递归是指一个函数调用自身的过程。在JavaScript中，我们可以通过以下代码实现深拷贝：

const 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;
};