This content originally appeared on DEV Community and was authored by João Costa
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.
This content originally appeared on DEV Community and was authored by João Costa

João Costa | Sciencx (2022-02-07T14:46:55+00:00) Map, Filter e Reduce em JavaScript. Retrieved from https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.