reduce()関数について

Question

以下のプログラムを実行したところ、画像のような結果になりました。
reduce()は、reduce(累積値, 要素)で一番最初は、
1 1 // index0の累積値と要素
3 2 // index1の累積値との要素
6 3
10 4
15 5
となると思いますが、どうして画像のような結果になるんでしょうか。

const arry = [1,2,3,4,5];

arry.reduce(function(accu, curr) {
    console.log(accu, curr);
    return accu + curr;
});

Answer 1

こんにちは。

初期値を与えなかった場合、ひとつめの要素がスキップされます。

initialValue Optional

callback の最初の呼び出しの最初の引数として使用する値。 initialValue が**与えられなかった場合**、配列の最初の要素がアキュムレーターの初期値として使用され、 currentValue として**スキップ**されます。

Array.prototype.reduce() - JavaScript | MDN

また、console.log は合計する前に実行されているので、ログとして出力されるのは可算前の値です。

Comments

[gyoruo]

わかりやすいご回答ありがとうございます！
なぜ4つしか表示されないのかもわかりました！

Answer 2

reduceは初期値を指定しないと、配列の最初の要素がアキュムレーターの初期値として使用されるからです。
初期値を指定するとイメージが湧くかもしれません

arry.reduce(function(accu, curr) {
  console.log(accu, curr);
  return accu + curr;
},0);

Comments

[gyoruo]

そうだったんですね！
ご回答ありがとうございます！