Como fazer loop/iterar através de uma matriz em JavaScript

Loops são componentes -chave de cada linguagem de programação. Eles são usados ​​para executar o mesmo código ou lógica repetidamente em um ciclo. Geralmente os loops têm um valor de índice que é diferente a cada vez que o loop se repete. Existem diferentes tipos de loops disponíveis no JavaScript, que nos ajudam a iterar por uma matriz. Uma matriz é uma coleção usada para armazenar diferentes elementos; Um exemplo de uma matriz em JavaScript é:

const nomes = ['John', 'Chris', 'Harry'];

Para obter um elemento dessa matriz, apenas fornecemos índices e o nome da matriz:

console.log (nomes [2]);

Isso retornará "Harry" quando a indexação começa em 0.

Vimos que podemos obter um elemento de uma matriz especificando um número de índice. Mas seria muito agitado se houvesse 100 nomes na matriz mencionada acima. A solução está usando loops; Loops podem facilmente lidar com matrizes com inúmeras entradas. Este post está focado em como podemos usar loops de javascript para iterar sobre uma matriz para ser um programador eficiente.

Observação: O console do navegador é usado para a demonstração de exemplos neste artigo.

Como iterar através de uma matriz usando JavaScript para loop

A for loop é um loop que repete uma ação enquanto uma determinada condição for verdadeira. Quando a condição se torna falsa, o loop quebra. A sintaxe do loop em JavaScript é semelhante à de Java ou C; A sintaxe mais simples para o loop é:

para (inicializar variável; alguma condição; incrementos/decréscimos variáveis)
// algum código a ser executado

Exemplo de iteração através de um loop para uma matriz é:

const nomes = ['John', 'Chris', 'Harry'];
para (deixe index = 0; índice < names.length; index++)
console.log (nomes [2]);

Primeiro declaramos uma matriz denominada nomes, depois a for loop e inicializamos uma variável chamada índice dentro do loop for; Isso atuará como o índice para a matriz. Depois disso, colocamos a condição de que o loop funcione até que seja um menor que o comprimento da matriz I-E de 0 a 2 (3 vezes no total). O último parêntese diz ao loop que, para cada ciclo, incremento o índice em 1. Todo ciclo do loop, console registramos os elementos da matriz um por um usando a variável inicializada que é índice.

Para simplificar, o loop começa no 0º índice e, em seguida, o comprimento da matriz é verificado. Se a condição for verdadeira, o loop executar o bloco de código que está dentro dos parênteses, que é o registro do console. Depois disso, ele incrementa o "índice" e depois verifica a condição novamente. O mesmo ciclo se repete até que a condição especificada não seja mais verdadeira.

Como iterar através de uma matriz usando JavaScript enquanto loop

Sintaticamente, JavaScript enquanto o loop também é semelhante a C ou Java enquanto loop. Exemplo de iterar uma matriz usando o loop em JavaScript é:

const nomes = ['John', 'Chris', 'Harry'];
índice = 0;
while (índiceconsole.log (nomes [index]);
índice ++;

Como iterar através de uma matriz usando JavaScript para/de loop

O loop for/of também é usado para percorrer os itens/elementos de uma matriz:

const nomes = ['John', 'Chris', 'Harry'];
para (nome dos nomes)
console.log (nome);

Como iterar através de uma matriz usando JavaScript foreach loop

O método foreach () chama ou executa uma função de retorno de chamada especificada para cada elemento na matriz. São necessários três argumentos; o item/elemento atual, o índice e a própria matriz.

const nomes = ['John', 'Chris', 'Harry'];
nomes.foreach (elemento =>
console.log (elemento);
);

No exemplo acima, usamos uma função de seta que leva o elemento atual da matriz como um argumento dentro do .foreach () loop para consolar.registre cada elemento.

Como iterar através de uma matriz usando o método de mapa em javascript

O método map () itera sobre uma matriz criando uma nova matriz. Para cada elemento da matriz original, ele executa alguma função eu.e. a função de seta com num como um argumento no exemplo abaixo dado. Não muda a matriz original. Agora, suponha que tenhamos uma variedade de números de 1 a 5. Queremos que cada número se multiplique por 2. Podemos conseguir isso da seguinte maneira:

Seja Tabela1 = [1,2,3,4,5];
Deixe a tabela 2 = Tabela1.mapa (num => num * 2);
console.log (tabela2);

Como iterar através de uma matriz usando todos os métodos em JavaScript

O método todo () testa se todos os elementos da matriz passam uma condição implementada pela função fornecida; Ele executa uma função uma vez para cada elemento. Retorna verdadeira ou falsa, dependendo se todo elemento passou no teste ou não:

const islessthenten = (currentValue) => CurrentValue < 10;
const arr = [1, 3, 4, 3, 5, 7];
console.log (arr.todo (islessthenten));

Agora, se mudarmos a matriz no exemplo acima:

const arr = [1, 3, 16, 3, 5, 7];

Conclusão

Nas matrizes JavaScript são um tipo de dados usado para armazenar tipos semelhantes de dados; Esses dados podem ser facilmente acessados ​​e manipulados usando diferentes loops e métodos fornecidos por JavaScript. Neste post, cobrimos o básico de iterando sobre uma matriz em JavaScript. Também discutimos a iteração de uma matriz de para, enquanto, para/de, foreach () loop, map () e todo () método.

Estes não são os únicos métodos que podem ser usados ​​para iterar em uma matriz. Existem dezenas mais. Os que discutimos são os métodos amplamente usados ​​pelos desenvolvedores que iterem sobre uma matriz.