web前端培训：什么是深拷贝和浅拷贝?以及怎么实现深拷贝和浅拷贝

K-seo • 2023-12-15 02:51 • 网站运维 • 80 views

什么是深拷贝和浅拷贝？

在计算机编程中，拷贝(Copy)是一种常见的操作，用于创建一个对象或数据结构的副本，深拷贝(Deep Copy)和浅拷贝(Shallow Copy)是拷贝的两种不同方式，它们在处理对象引用时有所不同。

1、浅拷贝(Shallow Copy):

浅拷贝是指创建一个新对象，然后将原对象的属性值逐一复制到新对象中，如果属性值是一个基本类型(如数字、字符串等),则直接复制值；如果属性值是一个引用类型(如对象、数组等),则只复制引用地址，而不是实际的对象，这意味着，原对象和新对象的引用类型属性指向同一个内存地址，对其中一个对象的属性进行修改，另一个对象的相应属性也会受到影响。

2、深拷贝(Deep Copy):

深拷贝是指创建一个新对象，并递归地将原对象的属性值逐一复制到新对象中，对于引用类型属性，需要先判断是否为基本类型，如果是基本类型，则直接复制值；如果是引用类型，需要递归地进行深拷贝，这样，原对象和新对象的引用类型属性指向不同的内存地址，对其中一个对象的属性进行修改，另一个对象的相应属性不会受到影响。

如何实现深拷贝和浅拷贝？

以下是JavaScript中实现深拷贝和浅拷贝的示例代码：

// 浅拷贝示例
function shallowCopy(obj) {
  if (typeof obj !== 'object') return; // 不是对象，直接返回
  let newObj = obj instanceof Array ? [] : {}; // 判断是否为数组，创建对应类型的对象
  for (let key in obj) { // 遍历对象的属性
    if (obj.hasOwnProperty(key)) { // 确保属性是对象自身的属性，而非继承来的
      newObj[key] = obj[key]; // 直接复制属性值
    }
  }
  return newObj;
}
// 深拷贝示例
function deepCopy(obj) {
  if (typeof obj !== 'object') return; // 不是对象，直接返回
  let newObj = obj instanceof Array ? [] : {}; // 判断是否为数组，创建对应类型的对象
  for (let key in obj) { // 遍历对象的属性
    if (obj.hasOwnProperty(key)) { // 确保属性是对象自身的属性，而非继承来的
      if (typeof obj[key] === 'object' && obj[key] !== null) { // 如果属性值是对象，递归进行深拷贝
        newObj[key] = deepCopy(obj[key]);
      } else { // 否则直接复制属性值
        newObj[key] = obj[key];
      }
    }
  }
  return newObj;
}