JavaScript对象克隆有哪些方法

在JavaScript中，可以使用多种方法来克隆对象。以下是一些常用的方法：

1. 浅拷贝（Shallow Clone）：

   • 使用Object.assign()方法：可以将源对象的属性复制到目标对象中，从而实现浅拷贝。

     const original = { a: 1, b: { c: 2 } }; const clone = Object.assign({}, original); console.log(clone); // { a: 1, b: { c: 2 } } 

   • 使用展开运算符（Spread Operator）：与Object.assign()类似，但语法更简洁。

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

   • 使用JSON.parse()和JSON.stringify()：这种方法可以创建一个完全独立的对象副本，但会丢失函数和循环引用。

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

2. 深拷贝（Deep Clone）：

   • 使用递归函数实现深拷贝：可以递归地复制对象的所有属性，包括嵌套的对象。

     function deepClone(obj) {   if (typeof obj !== 'object' || obj === null) {     return obj;   }   let clone = Array.isArray(obj) ? [] : {};   for (let key in obj) {     if (obj.hasOwnProperty(key)) {       clone[key] = deepClone(obj[key]);     }   }   return clone; }  const original = { a: 1, b: { c: 2 } }; const clone = deepClone(original); console.log(clone); // { a: 1, b: { c: 2 } } 

   • 使用第三方库，如lodash的_.cloneDeep()方法：这些库提供了强大的深拷贝功能，易于使用且性能良好。

     const _ = require('lodash'); const original = { a: 1, b: { c: 2 } }; const clone = _.cloneDeep(original); console.log(clone); // { a: 1, b: { c: 2 } } 

请注意，以上方法各有优缺点，适用于不同场景。在选择克隆方法时，请根据具体需求和对象结构进行权衡。