要復(fù)制JavaScript對象，需根據(jù)需求選擇方法。 1.使用Object.assign()進(jìn)行淺拷貝，僅複製頂層屬性，嵌套引用仍共享；2.擴(kuò)展運(yùn)算符實(shí)現(xiàn)同樣效果，寫法更簡潔；3.深拷貝需用JSON序列化（忽略函數(shù)等特殊內(nèi)容）、第三方庫如lodash的cloneDeep()（處理複雜結(jié)構(gòu)）或自定義遞歸函數(shù)（需注意循環(huán)引用問題）。淺拷貝適合簡單結(jié)構(gòu)，深拷貝用於嵌套或需完全隔離場景。

在JavaScript 中復(fù)製或克隆一個(gè)對象，是開發(fā)中常見的需求。直接使用賦值操作符（ = ）並不能真正創(chuàng)建一個(gè)新對象，而是讓兩個(gè)變量指向同一個(gè)內(nèi)存地址，這樣修改其中一個(gè)會影響另一個(gè)。要實(shí)現(xiàn)真正的複制，需要根據(jù)具體需求選擇合適的方法。

1. 使用Object.assign()進(jìn)行淺拷貝

如果你只需要復(fù)制對象的第一層屬性，可以使用Object.assign()方法：

 const original = { name: 'Alice', age: 25 };
const copy = Object.assign({}, original);

這個(gè)方法適用於不需要嵌套結(jié)構(gòu)拷貝的場景。但要注意，如果對象裡包含引用類型（如數(shù)組、對象），那這些嵌套的值還是會被共享。

例如：

 const original = { user: { name: 'Bob' } };
const copy = Object.assign({}, original);
copy.user.name = 'Tom';
console.log(original.user.name); // 輸出Tom，因?yàn)閡ser 是引用類型

2. 使用擴(kuò)展運(yùn)算符（Spread Operator）

和Object.assign()類似，擴(kuò)展運(yùn)算符提供了一種更簡潔的寫法：

 const original = { id: 1, info: { role: 'admin' } };
const copy = { ...original };

它同樣是淺拷貝，對嵌套對像不起作用。適合用於只複製頂層屬性的情況。

3. 實(shí)現(xiàn)深拷貝的幾種方式

當(dāng)你需要完全複製整個(gè)對象，包括裡面的嵌套結(jié)構(gòu)，就要用到“深拷貝”。

- 使用JSON 序列化反序列化

這是一個(gè)簡單但有限制的方式：

 const copy = JSON.parse(JSON.stringify(original));

這種方法會忽略函數(shù)、 undefined 、循環(huán)引用等特殊內(nèi)容，所以在某些複雜場景下不適用，但對純數(shù)據(jù)對象來說足夠用了。

- 使用第三方庫

對於更複雜的對象結(jié)構(gòu)，推薦使用像lodash的cloneDeep()方法：

 const _ = require('lodash');
const deepCopy = _.cloneDeep(original);

這種方式更穩(wěn)定，能處理大多數(shù)邊緣情況。

- 自定義遞歸函數(shù)（進(jìn)階）

如果你想自己實(shí)現(xiàn)一個(gè)深拷貝函數(shù)，可以通過遞歸來逐層複製每個(gè)屬性：

 function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) return obj;
  const copy = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepClone(obj[key]);
    }
  }
  return copy;
}

注意：這個(gè)版本沒有處理循環(huán)引用的問題，實(shí)際項(xiàng)目中建議使用成熟方案。

基本上就這些

JavaScript 中復(fù)制對像有多種方式，選哪個(gè)取決於你是否需要深拷貝、代碼的複雜度以及性能要求。淺拷貝適合簡單的對象結(jié)構(gòu)，而深拷貝更適合嵌套對像或需要完全隔離原始對象的場景。

以上是如何在JavaScript中克隆或複制對象？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！