Maneiras diferentes de iterar sobre uma matriz em JavaScript

Em JavaScript, iterando sobre uma matriz é muito crucial e pode ser alcançado usando diferentes métodos internos e loops. Estruturas de loop javascript, bem como métodos de matriz embutidos, iteram em todos os elementos de matriz. Loops tradicionais, como loop e loop while, são a maneira mais simples e fácil de iterar sobre uma matriz, enquanto os métodos de matriz como filtro (), map (), etc. são usados ​​para atravessar e servir várias funcionalidades nos elementos da matriz.

Este artigo abordará as maneiras abaixo listadas para iterar sobre uma matriz em JavaScript:

• Como iterar sobre uma matriz usando o loop tradicional
• Como iterar sobre uma matriz usando o método JavaScript forEach ()
• Como iterar sobre uma matriz usando um loop enquanto
• Como usar para… de declarações para iterar elementos de matriz
• Como iterar elementos de matriz usando a função map ()

Então vamos começar!

Como iterar sobre uma matriz usando o loop tradicional?

Em qualquer linguagem de programação, incluindo JavaScript, a maneira mais usada para iterar sobre uma matriz é o loop. O snippet abaixo o ajudará a entender a sintaxe do loop for:

para (inicialização; condição; incremento/decremento)
//código

Aqui,

• “Inicialização” especifica onde iniciar o loop.
• “Condição” especifica os critérios de rescisão para o loop.
• O operador de incremento e decréscimo aumenta ou diminui o valor da variável dada.

Exemplo: iterando sobre uma matriz usando o loop for
Neste programa, temos uma variedade de nomes de estudantes e o iteraremos usando o loop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
para (i = 0; i < stdNames.length; i++)
console.log ("AT INDEX", I, STDNAMES [I]);

Neste programa, realizamos as seguintes tarefas:

• Em primeiro lugar, criamos uma matriz que consiste em cinco elementos.
• Em seguida, utilizamos o loop for para iterar todos os elementos da matriz dada.
• Dentro do loop, utilizamos a propriedade de comprimento para encontrar o comprimento da matriz.
• Finalmente, utilizamos o console.Método log () para imprimir cada elemento da matriz fornecida.

É assim que podemos utilizar o loop for para iterar elementos de matriz em javascript.

Como iterar sobre uma matriz usando o método JavaScript forEach ()

O método foreach () em JavaScript invoca uma função de retorno de chamada para cada elemento da matriz fornecida. O snippet abaixo ajudará você a começar o método foreach ():

ArrayName.foreach ((item) =>
//código
);

Exemplo: iterando sobre uma matriz usando o método foreach ()
Vejamos o bloco de código dado abaixo para entender como usar o método foreach () para iterar sobre uma matriz no JavaScript:

var stdage = [15, 18, 20, 16, 17];
var string = "";
Drago.foreach (impressão);
Função de impressão (idade)
string = string + idade + "\ n";

console.log ("idade do aluno:");
console.log (string);

• Em primeiro lugar, crie uma matriz e uma corda vazia.
• Em seguida, utilize o método foreach () junto com a matriz fornecida.
• O método foreach () invocou a função "Printage ()" para cada elemento da matriz.
• A função "impressão" armazenou a idade do aluno na variável de string.
• Finalmente, imprimiu a idade do aluno no console.

É assim que o método foreach () funciona em javascript.

Como iterar sobre uma matriz usando um loop enquanto?

Em JavaScript, um loop de tempo pode ser usado para iterar através de uma matriz. Para fazer isso, temos que seguir a sintaxe abaixo:

inicialização;
enquanto (condição)

//código
incremento/decréscimo;

Exemplo: iterando sobre uma matriz usando um loop enquanto

Neste programa, iremos iterar a matriz usando o loop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
i = 0;
enquanto eu < stdNames.length)
console.log ("AT INDEX", I, STDNAMES [I]);
eu++

O programa acima executou as seguintes tarefas:

• Criou uma matriz.
• Utilizado o loop while.
• Inicializou o loop com 0.
• Iterado em todos os elementos da matriz.
• Imprimiu o índice atual e seu respectivo valor.
• Finalmente, incrementou a variável.

A saída verificou o funcionamento do loop while em JavaScript.

Como usar para… de declarações para iterar elementos de matriz?

O para ... de loop/declaração é uma nova adição no JavaScript introduzido nas versões mais recentes do ES6. Ele nos permite fazer um loop/iterar sobre os objetos iteráveis, como matrizes, cordas, conjuntos e assim por diante. Considere o trecho abaixo para entender a sintaxe de… de declarações:

para (variável de iterável)
// código

Exemplo: iterando sobre uma matriz usando… de declarações
Este programa de exemplo fornecerá uma compreensão profunda do para ... de declarações:

var stdage = [16, 18, 19, 16, 17];
var string = "";
para (var Age of Drage)
string = string + idade + "\ n";

console.log ("idade do aluno:");
console.log (string);

O programa acima serviu as funcionalidades listadas abaixo:

• Criou uma matriz e uma corda vazia.
• Utilizou o para ... de declarações.
• Iterado sobre cada elemento de matriz.
• Armazenou a idade do aluno na variável de corda.
• Finalmente, imprimiu a idade do aluno no console.

A saída verificou o funcionamento do para… de declarações em JavaScript.

Como iterar elementos de matriz usando a função map ()?

No JavaScript, a função map () pode ser usada para obter uma nova variedade de elementos mapeados. O método map () chama uma função para cada elemento de matriz.

A seguir, será a sintaxe do método MATRAY MAP ():

ArrayName.mapa (functionaname);

Exemplo: iterando sobre uma matriz usando o método do mapa
Neste programa, utilizaremos o método do mapa para iterar sobre a matriz:

var stdage = [15, 20, 17, 16, 19];
var doubleage = stdage.mapa (twiceage)
função twiceage (resultado)
resultado de retorno * 2;

console.log ("Array original:", Drage);
console.log ("Matriz resultante:", Doubleage);

O snippet de código acima executou as funções listadas abaixo:

• Criou uma matriz.
• Utilizou a função map () para iterar sobre a matriz dada.
• o método map () multiplicou cada elemento por 2 e o devolveu.

A saída esclareceu que o método map () iterou sobre cada elemento da matriz e multiplicou os elementos da matriz por 2.

Da mesma forma, podemos utilizar outros métodos de matriz embutidos bem conhecidos para iterar sobre uma matriz, por exemplo, “Array.filtro () ”,“ Array.alguns () ”,“ Array.cada () ”, e assim por diante.

Conclusão

JavaScript oferece várias maneiras, como loops e alguns métodos de matriz embutidos para iterar sobre uma matriz. Em JavaScript, as funções de iteração da matriz como o foreach (), map (), filtro (), etc. operar em cada elemento da matriz. Este artigo explicou cinco maneiras comumente usadas para iterar elementos de matriz em javascript. Para uma compreensão profunda dos conceitos, explicou cada método de iteração usando os melhores exemplos adequados.