首頁 > web前端 > js教程 > 如何在 JavaScript 中將物件數組合併為單一物件?

如何在 JavaScript 中將物件數組合併為單一物件?

DDD
發布: 2024-12-16 00:55:09
原創
740 人瀏覽過

How to Combine an Array of Objects into a Single Object in JavaScript?

如何在JavaScript 中將物件陣列轉換為合併物件

將物件陣列轉換為單一合併物件是一種常見的操作在JavaScript 中處理複雜資料結構時的任務。實現此目的的有效方法是利用內建的 reduce() 方法。

實作:

使用key 將物件陣列轉換為單一物件-值對,您可以採用以下方法:

<br>var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];<p>//利用reduce()合併物件<br>var object = arr.reduce(<br> (obj, item) => Object.assign(obj, { [ item.key]: item.value }), {});</p><p>//輸出合併後的物件<br>console.log(object);<br></p>
登入後複製

輸出:

輸出:
{
  "11": "1100",
  "22": "2200"
}
登入後複製

上面的程式碼片段將產生以下合併的object:

在這個合併物件中,每個陣列元素的key 屬性作為物件的鍵,而value 屬性則成為對應的值。 Object.assign() 方法用於將新屬性合併到物件中,有效地將所有陣列元素的資料組合成一個實體。 此方法提供了一種簡潔實用的解決方案,用於將物件數組轉換為JavaScript 中的合併對象,確保高效的資料操作和轉換。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板