Как работает 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

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

array.reduce(callback(accumulator, currentValue, index, array), initialValue)

Где:

• callback - функция, выполняемая для каждого элемента массива
• accumulator - накопитель, хранящий результат предыдущих вычислений
• currentValue - текущий обрабатываемый элемент массива
• index - индекс текущего элемента, опционально
• array - исходный массив, опционально
• initialValue - начальное значение аккумулятора, опционально

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

В этом примере reduce складывает все числа массива.

reduce() особенно полезен для вычисления итоговых значений, трансформации массивов в объекты и других сложных операций с данными. Иначе говоря, reduce() реализует агрегацию коллекций и других сложных структур.