map, reduce

map()メソッド

const arr = [1,2,3,4];
const arr2 = arr.map((val, index, arr) => {
    return val*2; // 반환값으로 새로운 배열 생성
})

console.log(arr2); // [ 2, 4, 6, 8 ]

新しいアレイを作成して戻る必要があります.
元のアレイは変形しません.

reduce()メソッド
mapがアレイ内の各要素を変更すると、reduceはアレイ自体を変更します.
reduceという名前は、この方法が通常、配列を1つの値に縮小するために使用されるためです.
アレイの合計数を追加するか、平均値を求めることで1つの値に減らします.

パラメータ

アキュムレータ:コールバックの戻り値累計

currentValue:処理する現在の要素

currentIndex:処理する現在の要素のインデックス.optoinal

array:reduce()呼び出しの配列.optoinal

initialValue:最初の呼び出しで最初の引数に与えられた値.[0]をスキップし、[1]から運転を開始します.optoinal

reducer関数の戻り値はアキュムレータに割り当てられます.
アキュムレータはループ内で一定に保たれ、最終結果は値になります.

const arr = [1,2,3,4];
const res = arr.reduce((accumulator, curVal, curIndex, arr) => {
    console.log(accumulator);
    console.log(curVal);
    console.log(curIndex);
    console.log(arr);
    return accumulator + curVal;
})

console.log(res);