JavaScript с нуля

Получение одного значения из массива элементов

Последним мы рассмотрим метод reduce. Он достаточно странный. В случаях с методами map и filter мы начинали с массива, имеющего один набор значений, а заканчивали другим массивом с другим набором значений. Используя метод reduce, мы по-прежнему будем начинать с массива. А вот в конце будем получать всего одно значение (рис. 13.8).

Рис. 13.8. От множества к одному

Здесь для прояснения происходящего необходим пример.

Давайте еще раз используем массив чисел из предыдущего раздела:

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

Мы хотим сложить все значения. В этом и есть смысл метода reduce, когда все значения массива сужаются в один элемент. Взгляните на этот код:

let total = numbers.reduce(function(total, current) {

return total + current;

}, 0);

console.log(total);

Мы вызываем reduce для массива чисел и передаем в него два аргумента:

• функцию обратного вызова;

• начальное значение.

Начинаем суммирование с начального значения 0, а функция отвечает за добавление каждого элемента массива. В отличие от предыдущих примеров, где функции получали только текущий элемент массива, функция для метода reduce задействуется в большей степени. В данном случае ей приходится иметь дело с двумя аргументами:

• первый содержит итоговое значение, полученное в результате всех произведенных на этот момент действий;

• второй — это текущий элемент массива.

Используя эти два аргумента, вы можете легко создавать различные сценарии, задействующие отслеживание чего-либо. В нашем примере, поскольку нам просто нужна сумма всех элементов массива, мы складываем total со значением current. Итоговым результатом будет 31.