如何克隆对象 - Javascript

在Javascript中，对象可以很容易地被克隆，因为Javascript提供了自带的克隆方法。本文将介绍Javascript中如何克隆一个对象。

Object.assign方法

Object.assign方法可以用来克隆一个对象。这个方法接受一个或多个源对象和一个目标对象。它会将所有的源对象的属性复制到目标对象中，并返回目标对象。

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

在上面的例子中，我们先定义了一个obj1对象，然后使用Object.assign方法将其克隆到obj2对象中。我们传递了两个参数：一个空的目标对象{}和一个源对象obj1。现在，obj2包含了obj1的所有属性。

Spread运算符

在ES6中，我们还可以使用Spread运算符来克隆一个对象。它使用了三个点(...)语法，并将一个对象展开到另一个对象中。

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

在上面的例子中，我们所做的就是用obj1对象的属性充当obj2对象的属性，然后打印出来。所得到的结果是两个对象拥有同样的属性。

JSON.parse和JSON.stringify方法

JSON.parse和JSON.stringify方法是将JavaScript对象序列化和反序列化为JSON格式的广泛使用的方法。这两个方法也可以用来克隆对象。首先，使用JSON.stringify方法将对象转换为JSON字符串，然后使用JSON.parse方法将其转换回对象。

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

在这个例子中，我们使用JSON.stringify方法将obj1对象序列化为JSON格式的字符串，然后使用JSON.parse方法将其转换回为一个对象，保存在obj2中。现在，obj2是obj1的一个副本。

结论

在Javascript中，可以使用多种方法来克隆对象。Object.assign方法和Spread运算符是两种最常用的方法，而JSON.stringify和JSON.parse方法也是很有用的工具。无论你使用哪种方法，记得一定要克隆而不是简单地指向原对象，否则会影响到原对象。