Como iterar através de um mapa em JavaScript

JavaScript oferece uma variedade de funcionalidades para executar iterações em uma matriz. Um deles, o mapa() O método itera em cada elemento da matriz especificada e retorna uma matriz atualizada com o mesmo comprimento. O "para de" loop ao lado do entradas () o método itera através do mapa objeto que atravessa cada elemento da matriz. Esses métodos retornam uma matriz através dos pares de valor-chave. Além disso, esses métodos não operam em uma matriz vazia. Este post explica vários métodos para iterar através de um mapa em JavaScript.

O conteúdo a seguir expressa a visão geral deste post:

• Como iterar através de um mapa em JavaScript
• Usando o loop “for of” para iterar através do mapa em JavaScript
• Usando o método de retorno de chamada para iterar através do mapa em JavaScript

Como iterar através de um mapa em JavaScript?

Em JavaScript, um mapa Objeto é uma combinação de uma chave e um par de valores. Este objeto é criado através do Mapa() construtor. O mapa() o método itera através do objeto em uma matriz especificada. Para itera sobre o objeto, o mapa() Método integra -se ao entradas () método e retorna uma matriz através dos pares de valor-chave.

Esta seção demonstra muitas maneiras de iterar através de um mapa em JavaScript.

Método 1: Usando o loop “for of” para iterar através do mapa em JavaScript

Para realizar iteração, o "para de" O loop é executado uma vez para cada par de valores-chave de mapa Objetos em JavaScript. Primeiro, dê uma olhada na sintaxe do "para de" Loop para iterar sobre um mapa em JavaScript.

Sintaxe

para (const X do mapa.entradas ())

Nesta sintaxe, "X" significa o par de valores-chave e "mapa" refere -se ao objeto.

Código

console.log ("Exemplo para iterar através de um mapa")
var mag_obj = new map ();
mag_obj.set ("Cricket", "Sport");
mag_obj.set ("maçã", "comida");
para (var [chave, valor] de mag_obj.entradas ())
console.log (chave + "is" + valor);

O código acima é explicado aqui:

• Em primeiro lugar, um objeto “Mag_obj” é criado através do Mapa() construtor com um novo palavra -chave.
• Depois disso, o definir() O método é utilizado para armazenar dois valores, "Grilo" e "esporte" no “Mag_obj”.
• De forma similar, "Maçã" e "comida" são definidos através do definir() método.
• Depois disso, o "para de" Loop é implementado com um entradas () método que itera sobre todos os elementos e retorna a nova matriz, colocando "é" entre os valores acima.
• finalmente, o console.registro() O método apresenta a saída através do par de valores-chave na janela do console.

Saída

A saída mostra que “Cricket é esporte” e “A Apple é comida” são concatenados através dos pares de valor-chave.

Método 2: Usando o método de retorno de chamada para iterar através do mapa em JavaScript

O "mapa()”O método é empregado como uma função de retorno de chamada em cada elemento da matriz. A sintaxe do método map () que está sendo usada como uma função de retorno de chamada é fornecida abaixo:

Sintaxe

arr.mapa ((elemento) => Operação)

Nesta sintaxe, o mapa() o método itera sobre cada elemento e depois executa um específico Operação nele.

Código

console.log ("Exemplo para iterar através de um mapa")
const num = [3, 6, 7, 2, 5]
const new_num = num.mapa (item =>
Item de devolução * 2
)
console.log (new_num)

A descrição do código é fornecida aqui:

• Uma matriz num é criado com cinco elementos “3, 6, 7, 2, e 5”.
• Depois disso, o mapa() o método é utilizado para iterar sobre cada elemento da matriz através do num objeto.
• O método retorna a nova matriz multiplicando cada elemento por 2.
• No final, o console.registro() O método é empregado para apresentar a nova matriz na janela do console.

Saída

A saída mostra que “[3, 6, 7, 2, 5]” é convertido para “[6, 12, 14, 4, 10]” multiplicando cada elemento com "2" em javascript.

Conclusão

JavaScript fornece o mapa() método que se integra ao “para de”Loop e entradas () Métodos para executar a iteração através de objetos de mapa. O para loop itera a variedade de elementos através das chaves do objeto. O entradas () Método atravessa um objeto de mapa extraindo teclas e depois executando a iteração através de valores. Aqui, você aprendeu muitas maneiras de iterar através de um objeto de mapa em JavaScript.