Map, Filter e Reduce em JavaScript

O que são map, filter e reduce?

São funções no protótipo de um array JavaScript e podem ser usadas para operações baseadas em iterações em uma coleção de itens armazenados nesse array.

Map

Map é uma função que percorre o array e retorna um novo.

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

const newArr= numbers.map(item => {
  return item * 2;
});

Então como map gera um novo array numbers retorna o mesmo array, enquanto newArr retorna outro array com os valores duplicados.

Filter

Filter é a função que retorna um array filtrado pelas condições que fornecemos.

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

const newArr = numbers.filter(item => {
  return item % 2 === 0;
});

Pela condição que colocamos acima a função só irá retornar os números par.

Reduce

Reduce é a função que percorre o array e reduz ele a um único valor.

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

const newArr = numbers.reduce((acc, item) => {
  acc = acc + item;
  return acc;
});

Reduce recebe dois argumentos o acumulador e o item atual. Cada item é adicionado ao acumulador antes que o acumulador seja retornado para a próxima passagem. Retornando em um valor de 15.