Чем Array.prototype.reduce отличается от filter и map, и когда его предпочтительнее использовать?

Основные различия

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

Когда использовать reduce

• Вычисление суммы, произведения или среднего значения элементов массива.
• Преобразование массива в объект (например, группировка по ключу).
• Создание нового массива, когда filter и map не подходят из-за необходимости доступа к предыдущим элементам.

Примеры кода

// Сумма чисел
const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, curr) => acc + curr, 0); // 10

// Группировка объектов по свойству
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 25 }
];
const groupedByAge = users.reduce((acc, user) => {
  (acc[user.age] = acc[user.age] || []).push(user);
  return acc;
}, {});
// { '25': [Alice, Charlie], '30': [Bob] }

// Цепочка filter + map через reduce
const numbers = [1, 2, 3, 4, 5];
const result = numbers.reduce((acc, n) => {
  if (n % 2 === 0) acc.push(n * 2);
  return acc;
}, []); // [4, 8]

Вывод

Используйте reduce, когда нужно агрегировать данные или выполнить преобразование, которое не укладывается в простую фильтрацию или отображение. Для простых случаев предпочтительнее filter и map — они более читаемы и понятны.