Как работает reduce js

Метод reduce() проходит по всем элементам массива, вызывает на каждом элементе колбэк-функцию, а результат вызова накапливает в переменной-аккумуляторе, которая и возвращается в итоге.

Чтобы стало понятнее, предлагаю посмотреть, как метод reduce() устроен внутри:

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

const cb1 = (a, b) => a + b;
const cb2 = (a, b) => a * b;

// передаём функции массив, колбэк-функцию и начальное значение аккумулятора
const myReduce = (array, callback, defaultAcc) => {
  // инициализируем аккумулятор начальным значением
  let acc = defaultAcc;
  // проходим по всем элементам массива
  for (let i = 0; i < array.length; i += 1) {
    // в аккумуляторе накапливаем результаты вызова колбэк-функции на каждом элементе
    acc = callback(acc, array[i]);
  }
  // возвращаем аккумулятор после завершения цикла
  return acc;
};

// считаем сумму всех элементов массива
console.log(myReduce(arr, cb1, 0)); // => 15

// считаем произведение всех элементов массива, в качестве начального значения передаем 1, иначе всегда будем получать 0
console.log(myReduce(arr, cb2, 1)); // => 120

Метод reduce() применяет колбек функцию к каждому элементу массива (слева-направо) и возвращает одно результирующее значение. По мере движения по массиву меняется значение аккумулятора, первого аргумента колбека, а его исходное значение передаётся в метод вторым аргументом. Давайте посмотрим на пример:

const numbers = [1, 2, 3, 4];
const result = numbers.reduce((acc, number) => (acc + number), 5);
console.log(result); //=> 15