克隆一个 JavaScript 对象 - Javascript

在 JavaScript 中，如果需要创建一个与某个对象完全相同的新对象，我们需要对该对象进行克隆。以下是几种方法可以实现 JavaScript 对象的克隆。

使用 Object.assign() 方法

Object.assign() 方法用于将一个或多个源对象的可枚举属性拷贝到目标对象中。我们可以利用这个方法来克隆一个对象。

const obj1 = { a: 1, b: 2 };
const obj2 = Object.assign({}, obj1);
console.log(obj2); // { a: 1, b: 2 }

使用扩展运算符

我们可以使用扩展运算符（...）将一个对象展开并放入新的对象中。

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };
console.log(obj2); // { a: 1, b: 2 }

使用 JSON 对象的 parse() 和 stringify() 方法

我们可以使用 JSON 对象的 parse() 和 stringify() 方法来实现对象的克隆。具体做法是先将对象转换成字符串，再将字符串转换成对象。

const obj1 = { a: 1, b: 2 };
const obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // { a: 1, b: 2 }

需要注意的是，使用该方法时，如果对象中有函数或 undefined 等值，会被当作 null 处理，而且该方法不支持循环引用的对象。

使用递归方法

我们可以使用递归的方式来实现对象的克隆。

function clone(obj) {
  if (obj === null || typeof obj !== "object") {
    return obj;
  }

  const result = obj.constructor();
  for (let key in obj) {
    result[key] = clone(obj[key]);
  }

  return result;
}

const obj1 = { a: 1, b: 2 };
const obj2 = clone(obj1);
console.log(obj2); // { a: 1, b: 2 }

需要注意的是，使用递归方法时，如果对象中有循环引用，程序将会进入死循环。

总结

以上就是 JavaScript 中几种对象克隆的方法。在使用时，应根据具体情况选择合适的方法。如果对象非常大，且含有嵌套的属性和方法，建议使用递归方法。