JavaScript Map: Transformando Elementos de um Array com map em JavaScript
O método "map" em JavaScript é uma ferramenta poderosa para transformar os elementos de um array de acordo com uma função fornecida.
Publicado em 1 de agosto de 2023
Glossário
O que é o map em JavaScript?
O método “map” é uma função integrada do JavaScript que permite transformar os elementos de um array de acordo com uma função fornecida. Ele é muito útil quando queremos atualizar ou modificar cada elemento de um array e criar um novo array com essas transformações aplicadas. Com o “map”, podemos evitar a necessidade de usar estruturas de repetição, como loops “for” ou “while”, para percorrer manualmente um array.
Como funciona o map em JavaScript?
Para entender melhor como o “map” funciona, vamos ver um exemplo prático. Digamos que temos um array de números e queremos criar um novo array com cada número multiplicado por 2. Podemos usar o “map” para fazer isso de forma fácil e concisa. Veja o código a seguir:
const numeros = [1, 2, 3, 4, 5];
const numerosDobrados = numeros.map(function(numero) {
return numero * 2;
});
console.log(numerosDobrados);
Ao executar esse código, você verá que o novo array “numerosDobrados” será [2, 4, 6, 8, 10]. Cada elemento do array original foi multiplicado por 2, como desejado.
Como usar o map para transformar elementos de um array em JavaScript?
Agora que entendemos o conceito básico do “map” em JavaScript, vamos explorar algumas aplicações práticas desse método para transformar elementos de um array.
1. Modificação de string:
Suponha que temos um array de nomes em letras minúsculas e queremos transformá-los em letras maiúsculas. Podemos usar o “map” juntamente com o método “toUpperCase” para fazer isso de forma simples. Veja o exemplo abaixo:
const nomes = ["ana", "pedro", "maria"];
const nomesMaiusculos = nomes.map(function(nome) {
return nome.toUpperCase();
});
console.log(nomesMaiusculos);
Nesse exemplo, estamos usando o “map” para percorrer o array “nomes” e transformar cada elemento em letras maiúsculas usando o método “toUpperCase”. O resultado será [“ANA”, “PEDRO”, “MARIA”].
2. Cálculos matemáticos:
O “map” também pode ser usado para realizar operações matemáticas em um array de números. Por exemplo, digamos que temos um array de temperaturas em Celsius e queremos convertê-las para Fahrenheit. Podemos usar o “map” para aplicar a fórmula de conversão a cada elemento. Veja o exemplo abaixo:
const temperaturasCelsius = [20, 25, 30, 35];
const temperaturasFahrenheit = temperaturasCelsius.map(function(tempCelsius) {
return (tempCelsius * 9/5) + 32;
});
console.log(temperaturasFahrenheit);
Nesse exemplo, estamos usando o “map” para percorrer o array “temperaturasCelsius” e aplicar a fórmula de conversão de Celsius para Fahrenheit para cada elemento. O resultado será um novo array com as temperaturas convertidas.
Dicas e melhores práticas para utilizar o map em JavaScript
Aqui estão algumas dicas e melhores práticas para utilizar o “map” em JavaScript:
- Utilize funções arrow para tornar o código mais conciso e legível.
- Aproveite as poderosas funcionalidades do “map” combinado com outras funções de array, como “filter” e “reduce”.
- Não se esqueça de que o “map” retorna um novo array com os elementos transformados.
- Use nomes de variáveis descritivos para tornar o código mais legível e fácil de entender.
Conclusão
O “map” é um método extremamente útil em JavaScript para transformar elementos de um array de maneira simples e eficiente. Ele nos permite evitar o uso de estruturas de repetição, como loops, e nos fornece um novo array com os elementos transformados.
Neste artigo, exploramos o conceito básico do “map”, vimos como ele funciona e como usá-lo para transformar elementos de um array em JavaScript. Também forneci algumas dicas e melhores práticas para aproveitar ao máximo essa poderosa função.
Lembre-se de que o JavaScript Map: Transformando Elementos de um Array com map em JavaScript é uma ferramenta poderosa na caixa de ferramentas de qualquer desenvolvedor JavaScript. Ele pode ser usado em uma variedade de situações, desde a modificação de strings até a realização de cálculos matemáticos complexos. Experimente e veja como você pode aproveitar o poder do “map” em seus projetos.
A Awari é a melhor plataforma para aprender sobre inovação e gestão no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Guia Para Iniciantes em Comunicação Assertiva
No guia iniciantes comunicação assertiva, exploramos o conceito, importância...
Personal Branding: O Que É e Qual Sua Importância?
A Importância do Personal Branding no Mundo Digital: Descubra...
O Guia Definitivo para Técnicas de Negociação
O Guia Definitivo para Técnicas de Negociação é uma...
