浅拷贝和深拷贝

在编程中，拷贝是一种常见的操作。它可以帮助我们在不影响原始数据的情况下对数据进行修改。在 JavaScript 中，有两种拷贝方式：浅拷贝和深拷贝。

浅拷贝是将一个对象的引用复制到另一个对象中。它只复制了对象中的指针，而不是对象中的数据。这意味着，如果修改了拷贝后的对象，原始对象也会被修改。

JavaScript 中的赋值操作默认是浅拷贝。例如，如果我们将一个对象赋值给另一个变量，实际上只是复制了对象的引用，而不是对象的数据。

const original = { a: 1, b: [2, 3] };
const copy = original;
copy.a = 2;
console.log(original.a); // 2

深拷贝是将一个对象的数据完全复制到另一个对象中。这意味着，拷贝后的对象和原始对象没有任何关系，修改拷贝后的对象不会影响原始对象。

JavaScript 中可以使用 JSON.parse(JSON.stringify(obj)) 实现深拷贝，它会将对象转换为字符串，再将字符串转换回对象。也可以使用lodash等类库中提供的深拷贝函数来实现深拷贝。

const original = { a: 1, b: [2, 3] };
const copy = JSON.parse(JSON.stringify(original));
copy.a = 2;
console.log(original.a); // 1

另外，对于数组或者对象的深拷贝可以使用spread operator (…) 或者Object.assign({},original)来实现，但是要注意这种方法只能拷贝一层的对象,对于多层嵌套的对象或者数组，还是需要使用上面提到的深拷贝方式。

const original = { a: 1, b: [2, 3] };
const copy = {...original};
copy.a = 2;
console.log(original.a); // 1

在使用拷贝时，需要根据实际需求来选择浅拷贝或者深拷贝。如果只需要在不影响原始数据的情况下对数据进行修改，则应使用深拷贝。如果需要对同一个数据进行多次修改，则可以使用浅拷贝来节省内存空间。 此外,在JavaScript中还有一种常见的深拷贝方式，就是使用递归函数来实现深拷贝。递归函数会对对象或数组进行遍历，并递归地复制每一层。这种方式可以支持任意层级的嵌套对象和数组。

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

  let copy;
  if (Array.isArray(obj)) {
    copy = [];
    obj.forEach(item => {
      copy.push(deepClone(item));
    });
  } else {
    copy = {};
    for (const key in obj) {
      copy[key] = deepClone(obj[key]);
    }
  }
  return copy;