配列の全要素に対して処理を行なった結果を別の配列に入れる – map –

map()は配列の要素を全て処理して別の配列をつくる

配列.map(コールバック関数)

(要素, インデックス, 元配列)を引数にすることができる

arr01.map((value, index, original) => {  処理  }

const arr01 = ["red", "Green", "blue"];
const arr02 = arr01.map((value) => {
    return `*${value}*`;
}
console.log(arr01);    // ["red", "Green", "blue"]
console.log(arr02);    // ["*red*", "*Green*", "*blue*"]

map() はコールバック関数がその要素に対する処理結果を返す。forEach() は返さないので、何らかの処理を記述しなければならない。
=> mapメソッドは処理結果からなる新しい配列を返す
=> メソッドチェーンで処理をつなげることができる

console.log([2, 3, 4].map((ar) => ar * 2));  // [4,6,8]
console.log([2, 3, 4].forEach((ar) => ar * 2));  // undefined

const new_ar = [];
[2, 3, 4].forEach((ar) => new_ar.push(ar * 2));
console.log(new_ar);  // [4,6,8]