Itens de matriz de iteração usando .Método do mapa em JavaScript

JavaScript é um dos idiomas de script mais conhecidos que oferecem matrizes para armazenar diferentes elementos sob o mesmo nome. Existem diferentes métodos disponíveis em JavaScript através dos quais podemos iterar em matrizes, por exemplo para laço, enquanto laço, para cada método, e muito mais, mas o mais comum entre tudo isso é o mapa() método.

Este artigo explica como iterar através de itens de matriz usando o .mapa() Método em JavaScript.

Qual é o método map ()?

O mapa() O método é um método de matriz interno que itera através da matriz e desempenha uma função em cada elemento na matriz.

• A matriz original permanece a mesma que esta função retorna uma nova matriz com o mesmo comprimento.
• Deve -se notar também que o mapa() O método não é executado para uma matriz vazia.

Sintaxe do método map ():

Myarray.mapa ((valor, índice, matriz) =>
retornar;
);

O método do mapa possui uma função de retorno de chamada (o equivalente assíncrono de uma função) que aceita três parâmetros:

• Valor: É o valor ou elemento atual da matriz
• Índice: É o índice atual do elemento da matriz no qual a função está executando.
• Variedade: É a matriz de destino.

Exemplo 1

Neste exemplo, iremos iterar através de uma matriz multiplicando cada elemento da matriz com 2:

// uma matriz
constmynumbers = [4, 8, 9, 15, 20];
// multiplique cada elemento de matriz com 2
constmultipliedWithTwo = MyNumbers.mapa ((valor) =>
valor de retorno*2;
);
// exibe a matriz retornada
console.log (multiplicado com dois);

No código acima primeiro, inicializamos uma matriz e depois aplicamos o mapa() Método na matriz original. Dentro da função, retornamos o valor multiplicado por dois. Deve -se notar que os parâmetros de índice e matriz podem ser omitidos quando você não quiser usá -los. A matriz resultante é armazenada em Multiplicado comwitwo variável e depois exibimos essa variável usando o console.registro() método.

Podemos ver na saída acima que todos os elementos da matriz original são multiplicados por 2 e obtivemos o resultado desejado.

Quando a operação você está executando em cada elemento é de uma linha de código, então a maneira mais simples e limpa de implementar o mapa() É usado o método que é dado abaixo:

// uma matriz
constmynumbers = [4, 8, 9, 15, 20];
// multiplique cada elemento de matriz com 2
constmultipliedWithTwo = MyNumbers.mapa ((valor) => valor*2);
// exibe a matriz retornada
console.log (multiplicado com dois);

Não há suportes encaracolados e retorno.

A saída ainda é a mesma que visto na captura de tela acima.

Exemplo 2

Vejamos outro exemplo, onde irrará através de uma variedade de cordas:

// uma matriz
constfirstNames = ["super", "morcego", "aranha", "ferro"];
// Adicione o homem com cada string na matriz
constoesNames = FirstNames.mapa ((valor) => valor+"man");
// exibe a matriz retornada
console.log (nomes de heróis);

No código acima, primeiro, inicializamos uma matriz com os primeiros nomes dos famosos super -heróis. Então aplicamos o mapa() método nessa matriz onde concatenamos a string "homem" com cada elemento do primeiro nome variedade. No final, exibimos a matriz retornada do mapa() método usando o console.Método Log ():

Podemos ver isso com cada elemento homem foi concatenado.

Conclusão

Para iterar sobre um JavaScript de matriz nos oferece uma variedade de técnicas, incluindo loops e o para cada() método. No entanto, a técnica de iteração mais famosa é a mapa() método. O mapa() O método é executado para o elemento de cada matriz e retorna uma nova matriz que tem o comprimento exatamente igual à matriz original.

Este post explica como iterar através de uma matriz usando o mapa() Método em JavaScript junto com dois exemplos.