JavaScript foreach loop

O para cada O loop é um tipo especial de loop presente na maioria das linguagens de programação usadas para percorrer os elementos de uma matriz. É usado principalmente para substituir o laço para evitar possíveis bugs/erros de fora por um, pois não possui um contador.

Por que devemos usar um loop foreach

Para usar um para loop, Precisamos definir o número de vezes que o loop será executado, diferentemente foreach loop, que não precisa de nenhum contador. Quando usamos um foreach loop, Dizemos essencialmente "faça isso com todos os elementos desta coleção", enquanto, no loop, declaramos explicitamente o número de vezes que o loop será executado. Isso pode causar erros e tornar o código extremamente difícil de ler à medida que a indexação de matriz começa em 0.

Observação: Usaremos o console do navegador para demonstrar exemplos realizados neste post. Para abrir o console do navegador:

• Use o F12 Chave no Chrome e outros navegadores à base de cromo.
• Usar Ctrl + Shift + K teclas de atalho do teclado para mozilla.
• Usar Opção + ⌘ + c Teclas de atalho do teclado no Safari (se o menu do desenvolvedor não aparecer, abra as preferências pressionando ⌘ +, e em Avançado Verificação da guia “Mostrar desenvolver menu na barra de menus”).

Sintaxe do loop foreach em javascript

variedade.foreach (função (valor, índice, arr), thisValue)

Substitua o variedade Com o nome real da sua matriz.

Parâmetros:

• valor: Obrigatório; Armazena o valor do elemento atual.
• Índice: Opcional; Armazena o índice do elemento atual da matriz.
• arr: Opcional; Segura o objeto de matriz que contém o elemento atual.
• Este valor: Opcional; Este parâmetro é usado como esse valor da função. indefinido é usado como padrão esse valor se este parâmetro não for dado.

indefinido é o valor de retorno de para cada método.

Como usar um loop foreach no javascript

Agora vamos usar o para cada loop para produzir cada elemento de uma matriz nomeada números no console como exemplo:

Var números = [1, 2, 3, 4, 5, 6];
números.foreach (função (valor)

console.log (valor);
)

No exemplo dado acima, primeiro, declaramos uma matriz nomeada números e atribuiu seis elementos. Então nós usamos o para cada loop para dar um loop através de cada item presente na matriz. Então declaramos e definimos uma função dentro do para cada Loop que imprime o valor do elemento na iteração atual do loop no console.

Também podemos declarar e definir a função fora do loop e apenas chamar a função do corpo do loop:

Var números = [1, 2, 3, 4, 5, 6];
números.foreach (PR);
função pr (valor)

console.log (valor);

O para cada O loop não é executado para os elementos vazios da matriz. Se adicionarmos outro elemento à matriz, como mencionado acima, usando o variedade.comprimento Propriedade e execute o programa novamente, a saída permanecerá a mesma:

Var números = [1, 2, 3, 4, 5, 6];
números.comprimento = 7;
console.log ("O comprimento da matriz é" + números.comprimento);
números.foreach (PR);
função pr (valor)

console.log (valor);

Agora vamos tentar executar ações diferentes nos elementos da matriz. Primeiro, vamos tentar escrever uma função que imprima o quadrado de cada elemento da matriz no console:

Var números = [1, 2, 3, 4, 5, 6];
números.foreach (PR);
função pr (valor)

Deixe Square = valor * valor;
console.log (quadrado);

Agora vamos tentar produzir a soma de todos os elementos da matriz para o console:

Var números = [1, 2, 3, 4, 5, 6];
deixe soma = 0;
números.foreach (PR);
função pr (valor)

soma = soma + valor;

console.log (soma);

Conclusão

O foreach loop é uma declaração de fluxo de controle usada para percorrer os itens em uma coleção. Isso é útil quando precisamos executar ações diferentes em cada elemento do loop individualmente.

Neste post, pegamos o para cada laço. Aprendemos o que é e como usá -lo. Além disso, também o comparamos com o mais comum para um loop.