Entendendo as funções Map, reduce e filter

A vida de um programador é baseada em alterar um array quase todos os dias. Quem nunca precisou extrair um dado de alguma API que retorna um array gigante?.

No post de hoje vou contar um pouco de cada função de manipulação de array.

MAP

É…


This content originally appeared on DEV Community and was authored by Keren Arielle

A vida de um programador é baseada em alterar um array quase todos os dias. Quem nunca precisou extrair um dado de alguma API que retorna um array gigante?.

No post de hoje vou contar um pouco de cada função de manipulação de array.

MAP

É possível percorrer todos os item do array, executar alguma transformação nesses itens e retornar um novo array sem modificar o atual.

VAMOS AO EXEMPLO:

Você tem um array de número:

Alt Text

Eu quero que nesse array todos os número sejam multiplicado por 2, então você faria um MAP desse array, pegando o item e multiplicando por dois.

Alt Text

Porém o map sempre retorna um array novo, ele não modifica o atual, por conta disso atribui esse novo retorno na variável resultArray.

Filter

Como o próprio nome já diz filtro! Ele é usado para quando precisamos fazer um filtro dentro do array.

Também retorna um novo array, porém dessa vez só com elementos selecionados.

VAMOS AO EXEMPLO:

Dessa vez teremos um array com número de 1 até 10.

Alt Text

Pensando em usar o filtre, eu quero que ele filtre por números que sejam pares.

O resultado seria:

Alt Text

Reduce

O Reduce muito das vezes parece ser o mais complicado de entender, mas a ideia de usar ele é para retornar um único valor.

VAMOS AO EXEMPLO:

Abaixo vou ter um array com diversos número e vou utilizar o reduce para fazer a soma de todos eles e me retornar somente um dados.

O retorno desse array será 41.

Alt Text


This content originally appeared on DEV Community and was authored by Keren Arielle


Print Share Comment Cite Upload Translate Updates
APA

Keren Arielle | Sciencx (2021-05-25T23:30:09+00:00) Entendendo as funções Map, reduce e filter. Retrieved from https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/

MLA
" » Entendendo as funções Map, reduce e filter." Keren Arielle | Sciencx - Tuesday May 25, 2021, https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/
HARVARD
Keren Arielle | Sciencx Tuesday May 25, 2021 » Entendendo as funções Map, reduce e filter., viewed ,<https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/>
VANCOUVER
Keren Arielle | Sciencx - » Entendendo as funções Map, reduce e filter. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/
CHICAGO
" » Entendendo as funções Map, reduce e filter." Keren Arielle | Sciencx - Accessed . https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/
IEEE
" » Entendendo as funções Map, reduce e filter." Keren Arielle | Sciencx [Online]. Available: https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/. [Accessed: ]
rf:citation
» Entendendo as funções Map, reduce e filter | Keren Arielle | Sciencx | https://www.scien.cx/2021/05/25/entendendo-as-funcoes-map-reduce-e-filter/ |

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.