Como 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.