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);
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);
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"]