首頁 >web前端 >js教程 >如何合併 JavaScript 物件?

如何合併 JavaScript 物件?

DDD
DDD原創
2024-12-25 04:33:17825瀏覽

How Can I Merge JavaScript Objects?

如何合併 JavaScript 物件?

合併 JavaScript 中的物件涉及將多個物件的屬性合併為一個統一的物件。為了實現這一點,可以使用多種方法,每種方法都適合特定的 JavaScript 版本和要求。

內建方法

ECMAScript 2018 標準方法:利用物件傳播,合併物件的新語法為:

let merged = {...obj1, ...obj2};

此語法建立一個新的合併對象,其中包含合併的對象obj1 和obj2 的屬性。 obj2 中的屬性會覆寫 obj1 中的屬性。

ECMAScript 2015 標準方法:Object.assign() 可用於合併物件:

Object.assign(obj1, obj2);

Object.assign( ) 就地修改obj1,將obj2 的屬性合併到其中。與擴充運算子一樣,後面的屬性會覆寫前面的屬性。

ES5 及更早版本的方法

對於ES5 之前的JavaScript 版本,一個簡單的方法是:

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

此循環迭代obj2 的屬性並將它們分配給obj1,從而有效地合併物件。

自訂函數

也可以使用自訂函數:

function merge_options(obj1, obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

此函數透過迭代 obj1 和 obj2 並將屬性新增至 obj3 來建立新物件 obj3。

以上是如何合併 JavaScript 物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn