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

キーと値の配列を JavaScript オブジェクトに結合する

1 つはキーを含み、もう 1 つは値を含む 2 つの配列からオブジェクトを作成します。 JavaScript の一般的なタスク。これにより、各キーと値のペアを手動で指定することなく、オブジェクトをすばやく構築できます。

解決策:

newParamArr 配列と paramVal 配列を組み合わせてオブジェクトを作成するには、次のようにします。 forEach メソッドと簡潔なアロー関数を使用できます。

<code class="javascript">const keys = ['Name', 'Age', 'Email'];
const values = ['Jon', 15, 'example@email.com'];

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

console.log(result); // { Name: 'Jon', Age: 15, Email: 'example@email.com' }</code>

このソリューションでは、forEach メソッドとアロー関数を使用して両方の配列を反復処理し、要素ごとに新しいキーと値のペアを作成します。 i 変数は現在の要素のインデックスを表し、両方の配列から対応する値にアクセスできるようにします。

最適化:

配列に数千または数百万が含まれる場合

<code class="javascript">const keys = ['Name', 'Age', 'Email'];
const values = ['Jon', 15, 'example@email.com'];

let result = {};
for (let i = 0, len = keys.length; i < len; i++) {
  result[keys[i]] = values[i];
}</code>

forEach の代わりに for ループを使用し、配列の長さを事前計算することにより、このソリューションは不要なメモリを大幅に削減します。割り当てが可能になり、反復速度が向上します。

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