【JS】浅谈浅拷贝与深拷贝

浅拷贝和深拷贝是编程中的两个常见概念，主要用于复制对象或数组。浅拷贝只复制对象的最外层，而深拷贝会递归复制所有层级。

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

1. 使用扩展运算符...（对于数组和对象）。
2. 使用Object.assign()（对于对象）。

实现深拷贝的方法有：

1. 使用JSON.parse(JSON.stringify())（注意可能会丢失undefined和循环引用的问题）。
2. 手动递归复制对象和数组。

例子：

// 浅拷贝对象
const shallowCopyObject = (obj) => {
  return { ...obj };
};
 
// 深拷贝对象
const deepCopyObject = (obj) => {
  return JSON.parse(JSON.stringify(obj));
};
 
// 手动递归深拷贝对象
const recursiveDeepCopy = (obj) => {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
 
  if (Array.isArray(obj)) {
    return obj.map(recursiveDeepCopy);
  } else {
    const newObj = {};
    for (let prop in obj) {
      if (obj.hasOwnProperty(prop)) {
        newObj[prop] = recursiveDeepCopy(obj[prop]);
      }
    }
    return newObj;
  }
};
 
// 使用
const originalObject = { a: 1, b: { c: 2 } };
const shallowCopy = shallowCopyObject(originalObject);
const deepCopy = deepCopyObject(originalObject);
const recursiveCopy = recursiveDeepCopy(originalObject);
 
// 修改原始对象
originalObject.a = 100;
originalObject.b.c = 200;
 
console.log(shallowCopy); // { a: 1, b: { c: 200 } }
console.log(deepCopy);    // { a: 1, b: { c: 2 } }
console.log(recursiveCopy); // { a: 1, b: { c: 2 } }

注意：JSON.parse(JSON.stringify())的方法可能不适用于所有情况，比如当对象中含有函数、undefined、循环引用或者非原始值（对象、数组）的时候。因此，在实际应用中，通常需要基于具体场景来选择合适的拷贝方式。