首頁 > web前端 > js教程 > 如何在 JavaScript 中將物件陣列轉換為單一物件?

如何在 JavaScript 中將物件陣列轉換為單一物件?

Susan Sarandon
發布: 2024-12-07 09:48:12
原創
267 人瀏覽過

How Can I Convert an Array of Objects into a Single Object in JavaScript?

將物件陣列轉換為單一物件

在JavaScript 中,可以使用object 來實作將物件陣列轉換為單一物件解構和reduce ()方法。考慮以下物件陣列:

[
  { key: '11', value: '1100' },
  { key: '22', value: '2200' }
]
登入後複製

解:

要將此陣列轉換為所需的對象,請依照下列步驟操作:

  1. 使用reduce()方法迭代數組並累加key-value pairs:
const object = arr.reduce((obj, item) => {
  return Object.assign(obj, { [item.key]: item.value });
}, {});
登入後複製
  1. Object.assign() 方法將第二個物件的屬性(在本例中為{ [item.key]: item.value })合併到第一個物件(obj 累加器)。
  2. obj 的初始值是一個空對象,因此第一次迭代使用儲存在item.key 屬性。同樣,第二次迭代將 22 個屬性與 item.value 中的值相加。
  3. 結果物件被指派給物件變數。

輸出:

使用物件變數將產生所需的輸出:

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

這個解法有效地將物件陣列轉換為具有所需鍵值對的單一物件。

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

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