ホームページ > ウェブフロントエンド > jsチュートリアル > キーと値の 2 つの配列から JavaScript オブジェクトを作成するにはどうすればよいでしょうか?

キーと値の 2 つの配列から JavaScript オブジェクトを作成するにはどうすればよいでしょうか?

Barbara Streisand
リリース: 2024-10-25 06:18:02
オリジナル
696 人が閲覧しました

How do you create a JavaScript object from two arrays of keys and values?

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

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 サイトの他の関連記事を参照してください。

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