キーと値の配列から JavaScript オブジェクトを構築するにはどうすればよいですか?

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

JavaScript の領域では、多くの場合、キーと値の配列からオブジェクトを構築する必要があります。価値観。このタスクは、両方の配列を反復処理し、それに応じて要素をマップする単純なアルゴリズムを利用して取り組むことができます。

このプロセスを説明するために、newParamArr と paramVal という 2 つの配列がある例を考えてみましょう。 newParamArr の値は作成するオブジェクトのキーを表し、paramVal の値はそれらのキーに対応する値を表します。

たとえば、newParamArr に値 ["Name", "Age" が含まれているとします。 、"Email"]、paramVal には値 ["Jon"、15、"example@email.com"] が含まれており、プロパティ {Name: "Jon"、Age: 15、Email: "example" を持つオブジェクトを作成しようとします。 @email.com"}.

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

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

var result = Object.fromEntries(keys.map((key, i) => ([key, values[i]])));

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

上記のコードでは、Object.fromEntries メソッドを利用してオブジェクトを構築しています。このメソッドは、キーと値のペアの反復可能値を受け取り、指定されたキーと値を持つオブジェクトを返します。

キーと値のペアは、keys 配列をマッピングし、各キーと対応する値をペアにすることによって生成されます。アロー関数 (key, i) => を使用した値の配列([key,values[i]]).

この単純なアプローチにより、入力配列の長さや内容に関係なく、結果として得られるオブジェクトが常に適切なプロパティと値を持つことが保証されます。

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