JavaScript對(duì)象克隆有哪些方法

在JavaScript中，可以使用多種方法來(lái)克隆對(duì)象。以下是一些常用的方法：

1. 淺拷貝（Shallow Clone）：

   • 使用Object.assign()方法：可以將源對(duì)象的屬性復(fù)制到目標(biāo)對(duì)象中，從而實(shí)現(xiàn)淺拷貝。

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

   • 使用展開(kāi)運(yùn)算符（Spread Operator）：與Object.assign()類(lèi)似，但語(yǔ)法更簡(jiǎn)潔。

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

   • 使用JSON.parse()和JSON.stringify()：這種方法可以創(chuàng)建一個(gè)完全獨(dú)立的對(duì)象副本，但會(huì)丟失函數(shù)和循環(huán)引用。

     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）：

   • 使用遞歸函數(shù)實(shí)現(xiàn)深拷貝：可以遞歸地復(fù)制對(duì)象的所有屬性，包括嵌套的對(duì)象。

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

   • 使用第三方庫(kù)，如lodash的_.cloneDeep()方法：這些庫(kù)提供了強(qiáng)大的深拷貝功能，易于使用且性能良好。

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

請(qǐng)注意，以上方法各有優(yōu)缺點(diǎn)，適用于不同場(chǎng)景。在選擇克隆方法時(shí)，請(qǐng)根據(jù)具體需求和對(duì)象結(jié)構(gòu)進(jìn)行權(quán)衡。