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 …


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


Print Share Comment Cite Upload Translate Updates
APA

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/

MLA
" » Map, Filter e Reduce em JavaScript." João Costa | Sciencx - Monday February 7, 2022, https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/
HARVARD
João Costa | Sciencx Monday February 7, 2022 » Map, Filter e Reduce em JavaScript., viewed ,<https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/>
VANCOUVER
João Costa | Sciencx - » Map, Filter e Reduce em JavaScript. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/
CHICAGO
" » Map, Filter e Reduce em JavaScript." João Costa | Sciencx - Accessed . https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/
IEEE
" » Map, Filter e Reduce em JavaScript." João Costa | Sciencx [Online]. Available: https://www.scien.cx/2022/02/07/map-filter-e-reduce-em-javascript/. [Accessed: ]
rf:citation
» Map, Filter e Reduce em JavaScript | João Costa | Sciencx | 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.

You must be logged in to translate posts. Please log in or register.