Voltar para o Blog

Programação Funcional no JavaScript: Trabalhando com Mapeamento de Arrays

Fala HaWkers! Como estão?

Imagine que você precisa alterar todos os elementos de um Array, aplicando uma mesma função em cada um. Com JavaScript e programação funcional, você pode realizar essa tarefa de maneira simples e elegante utilizando o método .map(). É isso que vamos aprender neste post.

Anúncio

O que é o Mapeamento de Arrays?

O mapeamento de Arrays é uma técnica que nos permite transformar todos os elementos de um Array, criando um novo Array com os elementos transformados.

Veja este exemplo de Array:

const array = [1, 2, 3, 4, 5];

Agora, se quisermos criar um novo Array com o quadrado de cada número, podemos usar o método .map() para isso.

Como trabalhar com o método .map() no JavaScript?

O método .map() é usado para criar um novo Array, baseado no Array original, onde cada elemento é transformado com base em uma função de callback fornecida.

Vejamos como podemos usá-lo para criar um Array com o quadrado de cada número:

const array = [1, 2, 3, 4, 5];const squareArray = array.map(num => num * num);console.log(squareArray);// [1, 4, 9, 16, 25]

Neste exemplo, estamos usando uma função de seta como função de callback, que pega cada número (num) do Array original e retorna seu quadrado (num * num). Como resultado, o método .map() retorna um novo Array squareArray com os quadrados de cada número.

Considerações Finais

O método .map() é uma ferramenta poderosa para manipular Arrays em JavaScript, permitindo que você aplique uma função a cada elemento do Array de maneira simples e eficiente. Lembre-se, no entanto, que ele não modifica o Array original, mas cria um novo com os elementos transformados.

Espero que este post tenha sido útil para você. Se você tiver alguma dúvida ou sugestão, sinta-se à vontade para me mandar uma mensagem direct lá no Instagram.

E se você já usou o método .map() para transformar elementos de um Array, compartilhe sua experiência comigo lá também!

Estarei sempre à disposição para ajudá-lo em sua jornada de programação!

Para continuar aprendendo e aprimorando suas habilidades, confira o artigo sobre Construindo uma API REST com Deno.js e Oak.

Anúncio

Bora pra cima! 🦅

Post anterior Próximo post

Comentários (0)

Esse artigo ainda não possui comentários 😢. Seja o primeiro! 🚀🦅

Adicionar comentário