JavaScript map関数で配列の要素を関数で実行し新しい配列を作成する

2023年1月9日

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

構文
変数名 = 配列名.map(function callback(currentValue[, index[, array]]) {
// 処理コード
}[, thisArg])
mapは、配列の各値を関数で実行し新しい配列を作成します。
1つめの引数は、配列の現在の値です。
2つめの引数は、配列の現在にindex値です。
3つめの引数は、使用している配列です。

使用例

 const tt = ["tokyo", "oosaka", "fukuoka"];
 
console.log("配列の値の数分、function(ele)を実行する");
 const res = tt.map(function (ele) {
   return ele + "11";
 });
 console.log("新規で作成された配列");
 console.log(res); 

 console.log("元の配列");
 console.log(tt);

実行結果
“配列の値の数分、function(ele)を実行する"
“新規で作成された配列"
Array [“tokyo11", “oosaka11", “fukuoka11"]
“元の配列"
Array [“tokyo", “oosaka", “fukuoka"]