JavaScript mapメソッドでオブジェクトの配列を生成するサンプル

2022年12月5日

環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122（Official Build） （64 ビット）

構文
Array.prototype.map()
map() メソッドは、与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成します。
const 配列1=[要素1,要素2,…]
const 配列2=[要素1,要素2,…]
配列1.map(function(v,i){処理コード}
mapメソッドで2つの配列をそれぞれkeyとvalueにしてオブジェクトの配列を生成します。

使用例

const ele = ['age1', 'age2', 'age3'];
const ages = [21, 22, 31];

const result = ele.map(function(v, i){
  return {[ele[i]]:ages[i]};
});

console.log(result);

実行結果
> Array [Object { age1: 21 }, Object { age2: 22 }, Object { age3: 31 }]