JavaScript

Continuando nossa seção de métodos que percorrem Arrays, apresento pra vocês o .map().
Esse método é interessante pois além de percorrer o Array, ele constroi um novo array. Então vamos primeiramente para a nossa sintaxe:

O método map chama uma função callback com os parâmetros, valorAtual(obrigatório), indice, e array.

O que ele faz:

O método chama uma função callback para cada elemento do array original, em ordem, da esquerda para a direita, e constroi um novo array com base no retorno da chamada. Ou seja, dependendo do retorno da chamada o array construido terá novos valores.

Vamos ao exemplo:
Suponha que temos um array com valores em centimetros e queremos os valores em milimetros.

Nossa constante medidasEmCentimetros recebe os valores 14,23,45,87,99.
Para que esses valores sejam listados em um novo array, chamamos o método map para que a função callback multiplique cada elemento(valor) por 10 e retorne cada elemento no novo array.

O que o método map faz é simplismente percorrer os elementos do array medidasEmCentimetros, um de cada vez, aplicar a função callback (que multiplica meu valor original vezes 10), e retornar o elemento em um novo array (medidasEmMilimetros).

Uma outra maneira que temos para o mesmo resultado é chamar diretamente a função no método.

Nesse caso temos um função chamada converter que faz a multiplicação de um elemento por 10 e não está somente ligada ao map, podendo ser utilizada em outros métodos. Desse modo podemos ter várias funções diferentes podendo ser passadas como parêmetros no método map.


Podemos também trabalhar com objetos dentro de um array com o método map. No caso abaixo iremos mostrar em nosso console apenas o primeiro elemento de nossos objetos. No caso, o nome dos alunos.


Outra possibilidade é ultilizar loops dentro do escopo do método ou chamar uma função que contenha um loop. No exemplo abaixo criamos uma função que procura o maior numero. Chamamos como parâmetro a função no metodo map e Voilà!
O nosso console mostra o maior número.


Esse foi mais um método interessante que podemos utilizar para percorrer arrays. Com um fator predominante de não alterar o nosso array original, criando um array novinho para que possamos trabalhar.

Gostou!? Esse é um modo básico para utilizar o método. Caso tenham dúvidas ou queiram mais conteúdo, entre em contato e vamos aprender juntos.
Instagram: mayronmedeiros

Ainda temos mais um método interessante para estudar. O método reduce. Até a próxima!

Make it happen! 💻☕

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade