O método map é uma função nativa de arrays em JavaScript. Ele é usado para criar um novo array a partir de outro, aplicando uma função a cada elemento do array original. Essa função é conhecida como "callback" e é aplicada a cada elemento do array, que então é transformado em um novo valor no novo array resultante.
A sintaxe básica do map é a seguinte:
const newArray = arrayOriginal.map(callback);Onde:
arrayOriginalé o array que queremos percorrer e transformar.callbacké a função que será aplicada a cada elemento do array original. Essa função recebe três argumentos:element,indexearray.
Exemplo:
// Array original
const numbers = [1, 2, 3, 4, 5];
// Usando map para criar um novo array com o dobro de cada número
const doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]Neste exemplo, o array original numbers tem os números de 1 a 5. Usando map, criamos um novo array chamado doubledNumbers, onde aplicamos a função de callback (num) => num * 2 a cada elemento do array original. Essa função dobra o valor de cada número.
O método map não altera o array original. Ele cria um novo array com os valores resultantes da aplicação da função de callback a cada elemento.
Além disso, a função de callback pode ser mais complexa e realizar operações mais avançadas. Por exemplo:
const names = ['Alice', 'Bob', 'Charlie'];
// Usando map para criar um novo array com as iniciais de cada nome
const initials = names.map((name) => name[0]);
console.log(initials); // Output: ['A', 'B', 'C']Neste exemplo, a função de callback name => name[0] retorna a primeira letra de cada nome, criando um novo array com as iniciais.
O método map é uma ferramenta poderosa para transformar arrays de forma rápida e eficiente. Ele é amplamente usado em programação JavaScript para processar e modificar arrays de dados, permitindo que você crie novos arrays com base em transformações dos dados originais.