「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > キーと値の 2 つの配列から JavaScript オブジェクトを作成するにはどうすればよいでしょうか?

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

2024 年 11 月 17 日に公開
ブラウズ:299

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 から対応する値をオブジェクトに割り当てることができます。

このアプローチは、キーと値の配列からオブジェクトを作成する場合に簡単で効率的です。このソリューションを実装するコード スニペットは次のとおりです。

var keys = ['Name', 'Age', 'Email'];
var values = ['Jon', 15, '[email protected]'];

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

このコードは、目的のオブジェクト { 名前: "Jon"、年齢: 15、電子メール: "[email protected]" } をログに記録します。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3