JavaScript でオブジェクトの配列を単一のオブジェクトに変換するにはどうすればよいですか?

オブジェクトの配列を単一のオブジェクトに変換する

JavaScript では、オブジェクトの配列を単一のオブジェクトに変換するには、object を使用します。構造化とreduce()メソッド。次のオブジェクトの配列を考えてみましょう:

[
  { key: '11', value: '1100' },
  { key: '22', value: '2200' }
]

解決策:

この配列を目的のオブジェクトに変換するには、次の手順に従います:

1. reduce() メソッドを使用して配列を反復処理し、キーと値を蓄積しますペア:

const object = arr.reduce((obj, item) => {
  return Object.assign(obj, { [item.key]: item.value });
}, {});

2. Object.assign() メソッドは、2 番目のオブジェクト (この場合、{ [item.key]: item.value }) のプロパティを最初のオブジェクト (obj アキュムレータ)。
3. obj の初期値は空のオブジェクトであるため、最初の反復で値が保存されたキー プロパティが作成されます。 item.key プロパティ内。同様に、2 回目の反復では、item.value の値を持つ 22 プロパティを追加します。
4. 結果のオブジェクトは、オブジェクト変数に割り当てられます。

出力:

オブジェクト変数を使用すると、目的のものが得られます。出力:

{
  "11": "1100",
  "22": "2200"
}

このソリューションは、オブジェクトの配列を、必要なキーと値のペアを持つ単一のオブジェクトに効果的に変換します。

以上がJavaScript でオブジェクトの配列を単一のオブジェクトに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。