ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオブジェクトの配列を単一のオブジェクトに結合するにはどうすればよいですか?

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

DDD
リリース: 2024-12-16 00:55:09
オリジナル
734 人が閲覧しました

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

JavaScript でオブジェクトの配列を統合オブジェクトに変換する方法

オブジェクトの配列を単一の統合オブジェクトに変換することは一般的ですJavaScript で複雑なデータ構造を扱うときに使用します。これを実現する効率的な方法の 1 つは、組み込みのreduce() メソッドを利用することです。

実装:

オブジェクトの配列をキーを使用して単一のオブジェクトに変換するには-value ペアの場合、次のアプローチを使用できます:

<br>var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];</p>
<p>//reduce() を使用してオブジェクトをマージします<br>var object = arr.reduce(<br> (obj, item) => Object.assign(obj, { [item.key]: item.value }), {});</p>
<p>// 統合オブジェクトを出力します<br>console.log(object);<br>

Output:

上記のコード スニペットは、次の統合されたコードを生成します。 object:

{
  "11": "1100",
  "22": "2200"
}
ログイン後にコピー

この統合オブジェクトでは、各配列要素の key プロパティがオブジェクトのキーとして機能し、value プロパティが対応する値になります。 Object.assign() メソッドは、新しいプロパティをオブジェクトにマージするために使用され、すべての配列要素のデータを単一のエンティティに効果的に結合します。

このメソッドは、オブジェクトの配列を次の形式に変換するための簡潔で機能的なソリューションを提供します。 JavaScript でオブジェクトを統合し、効率的なデータ操作と変換を保証します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート