map は、与えられた callback 関数を配列の順番通りに、各要素に対して一度ずつ呼び出し、その結果から新しい配列を生成します。 callback は、値が代入されている配列の要素に対してのみ呼び出されます (undefined が代入されているものも含みます)。
const array1 = [0, 1, 2, 3, 4];
const newArray1 = array1.map((output, index) => {
return `${index + 1}番目は${output}です。`;
});
console.log(newArray1);
// (5) ["1番目は0です。", "2番目は1です。", "3番目は2です。", "4番目は3です。", "5番目は4です。"]
const array2 = ["りんご", "ごりら", "ラッパ", "パンツ"];
const newArray2 = array2.map((output, index) => {
return `${index + 1}番目は${output}です。`;
});
console.log(newArray2);
// (4) ["1番目はりんごです。", "2番目はごりらです。", "3番目はラッパです。", "4番目はパンツです。"]