如何在JS中克隆对象

在JavaScript中，克隆对象并不是直接支持的操作，因为JavaScript中的对象是通过引用传递的，而不是通过值传递。但是，你可以使用几种不同的方法来"克隆"或"复制"一个对象。

1. 浅拷贝（Shallow Copy）

浅拷贝只复制对象的顶层属性，如果属性是引用类型（如数组或对象），则复制的是引用的地址，而不是真正的对象。

使用展开运算符（Spread Operator）：

javascript

let obj1 = { a: 1, b: { c: 2 } };

let obj2 = { ...obj1 };

使用Object.assign()：

javascript

let obj1 = { a: 1, b: { c: 2 } };

let obj2 = Object.assign({}, obj1);

 

2. 深拷贝（Deep Copy）

深拷贝会递归地复制对象的所有层级。对于包含循环引用的对象，深拷贝可能会导致问题。

使用JSON.parse()和JSON.stringify()：

注意：这种方法不能处理函数和循环引用，并且会丢失对象的undefined、Symbol、Function等类型的属性，因为JSON.stringify()在序列化这些值时会将它们忽略或转换为null。

javascript

let obj1 = { a: 1, b: { c: 2 } };

let obj2 = JSON.parse(JSON.stringify(obj1));

 

使用库（如lodash的_.cloneDeep()）：

javascript

复制

let _ = require('lodash');

let obj1 = { a: 1, b: { c: 2 } };

let obj2 = _.cloneDeep(obj1);

 

3. 手动实现深拷贝

你也可以手动实现深拷贝函数，但这需要递归地检查对象的每个属性，并确定是否需要进一步复制。这通常比使用库更复杂，但在某些情况下可能是必要的（例如，当你需要处理Function类型的属性时）。

 

请注意，无论你选择哪种方法，都应该了解每种方法的限制和潜在问题，并根据你的具体需求来选择最适合的方法。