JavaScript map関数で配列の要素を関数で実行し新しい配列を作成する
環境
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"]