ホームページ >ウェブフロントエンド >jsチュートリアル >キーと値の 2 つの配列から JavaScript オブジェクトを作成するにはどうすればよいでしょうか?
キー配列と値配列からオブジェクトを構築する
newParamArr と paramVal という 2 つの配列があり、次のようにして JavaScript オブジェクトを作成することを目的としています。これらの配列の要素をペアリングします。オブジェクト内の各キーは newParamArr の要素に対応する必要があり、関連付けられた値は paramVal から取得する必要があります。
たとえば、newParamArr に ["Name", "Age", "Email"] が含まれ、paramVal に次の値が含まれる場合["Jon", 15, "[email protected]"]、{"Name": "Jon", "Age": 15, "Email": "[email protected]"} のようなオブジェクトを作成したいとします。
配列の長さは常に等しくなります (newParamArr.length === paramVal.length)。さらに、配列のサイズは異なる場合があります。
これを実現するには、newParamArr 配列で forEach() メソッドを利用できます。 forEach() に指定するコールバック関数は、現在のキーとそのインデックスを引数として受け取ります。この関数内では、キーをプロパティ名として使用して、paramVal からの対応する値をオブジェクトに割り当てることができます。
このアプローチは、キーと値の配列からオブジェクトを作成する場合に簡単で効率的です。このソリューションを実装するコード スニペットは次のとおりです。
<code class="js">var keys = ['Name', 'Age', 'Email']; var values = ['Jon', 15, '[email protected]']; var result = {}; keys.forEach((key, i) => result[key] = values[i]); console.log(result);</code>
このコードは、目的のオブジェクト、{ 名前: "Jon"、年齢: 15、電子メール: "[email protected]" } をログに記録します。
以上がキーと値の 2 つの配列から JavaScript オブジェクトを作成するにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。