浅拷贝和深拷贝详解

浅拷贝：

浅拷贝是指创建一个新的对象或数组，复制原始对象或数组中的值到新对象或数组中。浅拷贝只复制对象或数组的引用，而不复制其内部的子对象或子数组。因此，原始对象和拷贝对象会共享相同的引用，对其中一个进行修改会影响到另一个。

深拷贝：

深拷贝是指创建一个新的对象或数组，并递归地复制原始对象或数组中的所有值，包括其内部的子对象和子数组。深拷贝会完全复制原始对象的所有属性和值，而且与原始对象完全独立，修改其中一个不会影响到另一个。

区别：

主要区别在于对于嵌套的对象和数组的处理方式。浅拷贝只复制引用，而深拷贝会递归地复制所有的值。

实现方式：

浅拷贝的实现方式：

使用 Object.assign() 方法来复制对象：

const shallowCopy = Object.assign({}, originalObject);

使用展开运算符（…）进行对象的浅拷贝：

const shallowCopy = { ...originalObject };

使用 Array.prototype.slice() 方法复制数组：

const shallowCopy = originalArray.slice();

深拷贝的实现方式：

使用 JSON 序列化和反序列化：

const deepCopy = JSON.parse(JSON.stringify(originalObject));

使用递归进行对象和数组的深拷贝：

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  const clone = Array.isArray(obj) ? [] : {};

  for (let key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      clone[key] = deepClone(obj[key]);
    }
  }

  return clone;
}
const deepCopy = deepClone(originalObject);

具体实现的代码示例：

浅拷贝示例：

const originalObject = { name: 'Alice', age: 25 };
const shallowCopy = Object.assign({}, originalObject);
console.log(shallowCopy); // 输出：{ name: 'Alice', age: 25 }

深拷贝示例：

const originalObject = { name: 'Alice', age: 25, address: { city: 'New York', country: 'USA' } };
const deepCopy = JSON.parse(JSON.stringify(originalObject));
console.log(deepCopy); // 输出：{ name: 'Alice', age: 25, address: { city: 'New York', country: 'USA' } }

应用场景：

浅拷贝适用于需要创建一个与原始对象或数组共享某些值的情况，且对共享值的修改不会影响到原始对象或数组。例如，多个对象需要引用相同的配置信息。
深拷贝适用于需要完全独立的副本，不希望修改副本会影响到原始对象或数组的情况。例如，对象包含了可变的子对象，而且需要在修改副本时保持原始对象不变。