JavaScript でキーと値の配列からオブジェクトを作成する方法

キーと値の配列からオブジェクトを構築する方法

2 つの配列の要素をペアにしてオブジェクトを作成するのは、一般的なプログラミング タスクです。 。キーの配列 (例: ["Name", "Age", "Email"]) と対応する値の配列 (例: ["Jon", 15, "[email protected]"]) が与えられた場合、目標は次のようになります。各キーを一致する値に関連付けるオブジェクトを構築します (例: { 名前: "Jon"、年齢: 15、電子メール: "[email protected]" })。

解決策:

キーと値の配列からオブジェクトを作成するには、JavaScript の forEach() メソッドを使用する簡単なアプローチを採用できます。

<code class="js">const keys = ['foo', 'bar', 'baz'];
const values = [11, 22, 33];

let result = {};
keys.forEach((key, i) => result[key] = values[i]);

console.log(result); // { foo: 11, bar: 22, baz: 33 }</code>

説明:

• 空のオブジェクト (結果) を初期化して、キーと値のペアを保存します。
• forEach() メソッドを使用して、キー配列を反復処理します。
• キーごとに、同じインデックスの値配列から対応する値を設定します (つまり、result[key] = value[i])。
• 結果オブジェクトには、キーと値のペアが徐々に設定されます。

この単純な手法は、2 つの配列の要素を効果的に関連付け、そのプロパティを動的に構築することで目的のオブジェクトを作成します。

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