揭秘对象深拷贝与数组深拷贝的内幕

前端

2023-12-25 15:06:54

1. 对象深拷贝

1.1 什么是对象深拷贝？

对象深拷贝是指将一个对象的所有属性及其嵌套对象全部拷贝一份，形成一个新的对象，这样两个对象在内存中是相互独立的，修改其中一个对象不会影响另一个对象。

1.2 实现方法

实现对象深拷贝，我们可以通过递归算法来实现，具体步骤如下：

首先判断要拷贝的对象是否为引用类型，如果是，则继续执行步骤 2，否则直接返回该对象。
创建一个新对象，该对象与原对象的类型相同。
遍历原对象的属性，对于每个属性，递归调用深拷贝函数拷贝其值。
将拷贝后的值赋给新对象的相应属性。
返回新对象。

1.3 代码示例

function deepCopy(obj) {
  var result = Array.isArray(obj) ? [] : {};
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key] === 'object' && obj[key] !== null) {
        result[key] = deepCopy(obj[key]);
      } else {
        result[key] = obj[key];
      }
    }
  }
  return result;
}

2. 数组深拷贝

2.1 什么是数组深拷贝？

数组深拷贝是指将一个数组的所有元素及其嵌套数组全部拷贝一份，形成一个新的数组，这样两个数组在内存中是相互独立的，修改其中一个数组不会影响另一个数组。

2.2 实现方法

实现数组深拷贝，我们可以通过循环算法来实现，具体步骤如下：

首先判断要拷贝的数组是否为引用类型，如果是，则继续执行步骤 2，否则直接返回该数组。
创建一个新数组，该数组与原数组的长度相同。
遍历原数组的元素，对于每个元素，递归调用深拷贝函数拷贝其值。
将拷贝后的值赋给新数组的相应元素。
返回新数组。

2.3 代码示例

function deepCopy(arr) {
  var result = [];
  for (var i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      result.push(deepCopy(arr[i]));
    } else {
      result.push(arr[i]);
    }
  }
  return result;
}