ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオブジェクトの配列を Key-Value オブジェクトに変換する方法

JavaScript でオブジェクトの配列を Key-Value オブジェクトに変換する方法

Linda Hamilton
リリース: 2024-11-09 08:17:02
オリジナル
500 人が閲覧しました

How to Convert an Array of Objects to a Key-Value Object in JavaScript?

JavaScript での配列からキーと値のオブジェクトへの変換

オブジェクトの配列をキーと値のペアを持つオブジェクトに変換するために、JavaScript は以下を提供します。シンプルで効果的なソリューション。これは、データ操作を扱う場合に特に便利です。

配列宣言
次のようなオブジェクトの配列があると仮定しましょう:

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

オブジェクトの作成
この配列をオブジェクトに変換するには、Object.assign とスプレッドを利用できます。構文 (...)。 Object.assign メソッドは、1 つ以上のソース オブジェクトのプロパティを組み合わせて新しいオブジェクトを作成します。

次のコード スニペットは、変換を実行する方法を示しています。

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

この例では、スプレッド構文 (...) は、配列内の各オブジェクトのコピーを作成します。これらのコピーは引数として Object.assign に渡され、各オブジェクトのプロパティが新しいオブジェクトに確実にマージされます。

Output
結果のオブジェクトには目的のキーが含まれます。 -値ペアの構造:

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

ブラウザの互換性
このアプローチは次のとおりです。 Chrome、Firefox、Safari、Edge の最新バージョンを含む、幅広いブラウザでサポートされています。 Node.js 環境でも動作します。

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

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