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

É 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:

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.

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.

Pensando em usar o filtre, eu quero que ele filtre por números 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 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.