JavaScript para Loop

Resumo : neste tutorial, você aprenderá como usar a forinstrução de loop JavaScript para criar um loop com várias opções.

Introdução à instrução JavaScript for loop

A forinstrução loop cria um loop com três expressões opcionais. O seguinte ilustra a sintaxe da forinstrução de loop:

for (initializer; condition; iterator) {
    // statements
}Linguagem de código:  JavaScript  ( javascript )

1) inicializador

A forinstrução é executada  initializer apenas quando o loop é iniciado. Normalmente, você declara e inicializa uma variável de loop local no inicializador.

2) condição

The  condition é uma expressão booleana que determina se fordeve executar a próxima iteração.

A  for instrução avalia  condition antes de cada iteração. Se a condição estiver  true (ou não estiver presente), ele executa a próxima iteração. Caso contrário, encerrará o loop.

3) iterador

A forinstrução executa  iterator após cada iteração.

O fluxograma a seguir ilustra o forloop:

No forloop, as três expressões são opcionais. O seguinte mostra o forloop sem quaisquer expressões:

for ( ; ; ) {
   // statements
}Linguagem de código:  JavaScript  ( javascript )

JavaScript para exemplos de loop

Vejamos alguns exemplos de uso da forinstrução loop.

1) Um exemplo simples de JavaScript para loop

O exemplo a seguir usa a forinstrução loop para mostrar números de 1 a 4 no console:

for (let i = 1; i < 5; i++) {
  console.log(i);
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
2
3
4

Como funciona.

• Primeiro, declare uma variável   countere inicialize-a com 1.
• Segundo, exiba o valor de counterno console se counterfor menor que 5.
• Terceiro, aumente o valor em counterum em cada iteração do loop.

2) Usando o loop for JavaScript sem o exemplo do inicializador

O exemplo a seguir usa um forloop que não possui expressão inicializadora:

let j = 1;
for (; j < 10; j += 2) {
  console.log(j);
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
3
5
7
9

3) Usando o loop for JavaScript sem o exemplo de condição

Semelhante à initializer expressão, a condition expressão é opcional. Se você omitir a conditionexpressão, será necessário usar uma  breakinstrução para encerrar o loop.

for (let j = 1; ; j += 2) {
  console.log(j);
  if (j > 10) {
    break;
  }
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
3
5
7
9
11

3) Usando a instrução JavaScript for loop sem qualquer exemplo de expressão

Todas as três expressões das forinstruções de loop são opcionais. Portanto, você pode omitir todos eles. Por exemplo:

let j = 1;
for (;;) {
  if (j > 10) {
    break;
  }
  console.log(j);
  j += 2;
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
3
5
7
9

4) Usando o JavaScript for loop sem o exemplo do corpo do loop

JavaScript permite que a forinstrução tenha uma instrução vazia. Nesse caso, coloque um ponto e vírgula ( ;) imediatamente após a forinstrução.

Por exemplo, o seguinte usa um loop for para calcular a soma de 10 números de 1 a 10:

let sum = 0;
for (let i = 0; i <= 9; i++, sum += i);
console.log(sum);Linguagem de código:  JavaScript  ( javascript )

Saída:

55

Resumo

• Use a instrução JavaScript forpara criar um loop que execute um bloco de código usando várias opções.