【JavaScript】聊一聊js中的浅拷贝与深拷贝与手写实现

浅拷贝和深拷贝是编程中处理对象复制的两种方式。浅拷贝复制了对象的最外层，而深拷贝则递归地复制了对象的所有层级。

浅拷贝

JavaScript 中实现浅拷贝的方法有：

1. 使用 Object.assign()
2. 通过展开运算符 ...
3. 手动遍历对象属性并复制

// 使用 Object.assign()
const shallowCopy = Object.assign({}, originalObject);
 
// 使用展开运算符
const shallowCopy = { ...originalObject };
 
// 手动遍历
function shallowCopy(original) {
  const copy = {};
  for (let key in original) {
    if (original.hasOwnProperty(key)) {
      copy[key] = original[key];
    }
  }
  return copy;
}

深拷贝

JavaScript 中实现深拷贝的方法有：

1. 使用 JSON.parse(JSON.stringify())（注意，这种方法不能处理含有循环引用的对象或者不是纯 JavaScript 对象的值）
2. 使用 lodash 的 cloneDeep 方法
3. 手动递归复制

// 使用 JSON.parse(JSON.stringify())
const deepCopy = JSON.parse(JSON.stringify(originalObject));
 
// 使用 lodash
const deepCopy = _.cloneDeep(originalObject);
 
// 手动递归
function deepCopy(original) {
  if (original === null || typeof original !== 'object') {
    return original;
  }
 
  const copy = Array.isArray(original) ? [] : {};
  for (let key in original) {
    if (original.hasOwnProperty(key)) {
      copy[key] = deepCopy(original[key]);
    }
  }
  return copy;
}

注意

• 浅拷贝只复制最外层的属性，如果属性是对象或数组，则复制的是引用。
• 深拷贝会递归复制所有层级的属性，对于对象中的每个对象都会创建一个新的实例。
• 在实际应用中，根据对象的复杂性，可能需要更复杂的深拷贝实现，处理例如循环引用的情况。