「Javascript」array.map()で新しい配列を生成するサンプル

2022年9月16日

環境
windows 10 home 64bit
Google Chrome 105.0.5195.125

構文
let 新配列名 = 元配列名.map(function callback( currentValue[, index[, array]]) {
// 新しい配列の要素を返す
}[, thisArg])
map() メソッドは、与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成します。
引数
callback
arr の要素ごとに呼び出される関数です。 callback が実行されるたびに、返された値が new_array に追加されます。
currentValue　現在処理中の要素の値です。
戻り値
与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列です。

使用例

const ctn = [ 22, 44, 66 ];
let result = ctn.map(testFunc);
function testFunc(num) {
    return num * 2;
}
console.log(result);

実行結果
> Array [44, 88, 132]