Что делает метод reduce js?

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

Синтаксис метода reduce() выглядит следующим образом:

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

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

Пример использования метода reduce():

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

// Сумма всех элементов массива
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // => 15

// Поиск максимального значения в массиве
const max = numbers.reduce((accumulator, currentValue) => Math.max(accumulator, currentValue), -Infinity);
console.log(max); // => 5

// Преобразование массива строк в одну строку
const words = ['Hello', 'world', '!'];
const sentence = words.reduce((accumulator, currentValue) => accumulator + ' ' + currentValue, '');
console.log(sentence); // => Hello world !

В данном примере метод reduce() используется для нахождения суммы элементов массива, поиска максимального значения и объединения строк в одну строку.

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

Рассмотрим пример:

// Корзина товаров на сайте
const cart = [
    {name:'Milk', price: 25},
    {name:'Bread', price: 12},
    {name:'Eggs', price: 17},
];

// Как просто посчитать сумму всей корзины? Применим reduce():
const cartTotal = cart.reduce((totalSumm, item) => {
    totalSumm += item.price;
// мы всегда должны возвращать аккумулятор как результат работы над каждым элементом.
    return totalSumm;
// 0 - здесь, это начальное значение totalSumm.
}, 0);
console.log(cartTotal);
// -> 54