Aprenda map() e filter() de uma vez — Javascript

Map e filter são dois entre alguns métodos na linguagem JavaScript que nos auxilia na manipulação do array. Acredite! Você aprendendo esses dois, conseguirá acelerar boa parte de iterações com array em seu projeto que estão por vir.

Map

A utilização do map vai permitir que você faça a operação com o array, passando a função Callback como argumento e será executada em cada um dos elementos desse array, e como resultado, devolve um novo array com os novos elementos.

Vamos de exemplo pra facilitar o seu entendimento!

Imagine que você está querendo fazer operações bem simples em cada elemento do array manualmente. Imagina com 10 objetos, 100 objetos, 1000 objetos, etc. Fazer manualmente acho que não seja uma boa ideia, ein? Você pode utilizar o método Map() justamente para isso.

let numerosQualquer = [10, 5, 1]

const pegarValorComMap = numerosQualquer.map(function(valor) {
return valor * 2

})

// saída: [ 20, 10, 2 ]

Por que a saída é [20, 10, 2]?

O valor da função vai passar multiplicando por 2 cada elemento do array ao qual chamamos de numeroQualquer.

Filter

O filter é um método bem utilizado para retornar ou filtrar informações que você deseja em um array, e assim feito, retornará um novo array com os novos elementos.

let pegarNumerosAleatorios = [-443, 20, -37, 12, -5, 2, 4, 25, -30, 30, 10, -50];

let apenasNumerosPositivos = pegarNumerosAleatorios.filter(valor => valor >= 0);

// saída: [ 20,12,2,4,25,30,10 ]

Por que a saída é [ 20, 12, 2, 4, 25, 30, 10]?

Porque o valor da função vai passar por todos os elementos do array chamado pegarNumerosAleatorios, pegando/filtrando todos os valores acima ou igual 0.

Gostou? Comenta abaixo 👇 o que achou!