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 } }
     

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