Entendendo as funes 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 funo de manipulao de array.

MAP

possvel percorrer todos os item do array, executar alguma transformao nesses itens e retornar um novo array sem modificar o atual.

VAMOS AO EXEMPLO:

Voc tem um array de nmero:

Eu quero que nesse array todos os nmero sejam multiplicado por 2, ento voc faria um MAP desse array, pegando o item e multiplicando por dois.

Porm o map sempre retorna um array novo, ele no modifica o atual, por conta disso atribui esse novo retorno na varivel resultArray.

Filter

Como o prprio nome j diz filtro! Ele usado para quando precisamos fazer um filtro dentro do array.

Tambm retorna um novo array, porm dessa vez s com elementos selecionados.

VAMOS AO EXEMPLO:

Dessa vez teremos um array com nmero de 1 at 10.

Pensando em usar o filtre, eu quero que ele filtre por nmeros que sejam pares.

O resultado seria:

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 nmero e vou utilizar o reduce para fazer a soma de todos eles e me retornar somente um dados.

O retorno desse array ser 41.