JavaScript でオブジェクトの配列をキーと値のペアを持つ単一のオブジェクトに変換する方法

Patricia Arquette
リリース: 2024-11-10 14:03:02
オリジナル
275 人が閲覧しました

How to Convert an Array of Objects into a Single Object with Key Value Pairs in JavaScript?

オブジェクトの配列をキーと値のペアを持つオブジェクトに変換する

次のようなオブジェクトの配列があるとします。

arr = [{"name1":"value1"},{"name2":"value2"},...]
ログイン後にコピー

キーと値を含む単一のオブジェクトに変換するにはどうすればよいですかペア:

{"name1":"value1","name2":"value2",...}
ログイン後にコピー

この変換は、さまざまなプログラミング シナリオで一般に必要です。以下は、幅広いブラウザと互換性のあるソリューションです:

ソリューション:

Object.assign とスプレッドの組み合わせを使用する演算子:

var object = Object.assign({}, ...arr);
ログイン後にコピー

説明:

Object.assign() は、複数のソース オブジェクトをターゲット オブジェクトにマージします。 ...arr 構文は、スプレッド演算子を使用して、配列内のすべてのオブジェクトを 1 つのオブジェクトに連結します。したがって、結果は、配列内のすべてのオブジェクトのすべてのキーと値のペアを含む新しいオブジェクトになります。

注:

このソリューションは、すべての主要なブラウザーでサポートされています。 ES6 をサポートするもの (Chrome、Firefox、Edge、Safari など)。

以上がJavaScript でオブジェクトの配列をキーと値のペアを持つ単一のオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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