Método map() - Voltar

Método map()

O método map() em JavaScript serve para percorrer um array e criar um novo array transformado, sem alterar o array original.

O map() é muito usado para:

• transformar dados
• formatar informações
• criar novos arrays
• gerar HTML dinamicamente

Abaixo três exemplos com o método map():

• O primeiro exemplo temos um array com nomes e a impressão formatará com negrito e itálico.
• No segundo exemplo os valores do array são: 1,2,3 - porém mostrará o dobro de cada elemento
• No terceiro exemplo temos os números de 1 a 5 no array, usando um condicional e o módulo da divisão por 2, será identificado se cada elemento é par ou ímpar

Exemplo do JavaScript

// Exemplo 1
let nomes = ["Ana", "Carlos", "João", "Maria"];
let html = nomes.map(nome => `${nome}`);

// Exemplo 2
let numeros = [1,2,3];
let dobro = numeros.map(n => n * 2);

// Exemplo 3
let notas = [1,2,3,4,5];
let res = notas.map(
	nota => {
		if(nota % 2 === 0 ){
			return " par";
		}
		else{
			return " ímpar";
		}
	}
)

// Impressão dos resultados
document.write("Exemplo 1: " + html + "
");
document.write("Exemplo 2: " + dobro + "
");
document.write("Exemplo 3: " + res);