Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Dominando o Laço For em JavaScript | Percorrendo Dados em JavaScript
Introdução ao JavaScript

bookDominando o Laço For em JavaScript

O loop for é uma forma comum de repetir código. Ele utiliza três partes dentro dos parênteses:

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

O significado de cada parte:

  • Initialization: cria o contador do loop (executado uma vez);
  • Condition: verificado antes de cada iteração;
  • Increment/Decrement: atualiza o contador após cada loop.
Note
Nota

Uma iteração é uma execução completa do corpo do loop.

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy
  • let i = 1: inicialização;
  • i < 5: condição;
  • i++: incremento;
  • console.log(...): corpo do loop.

Isto se repete até que a condição se torne falsa.

Também é possível utilizar decremento no for, conforme mostrado aqui:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

O contador do laço for é exclusivo do seu escopo, portanto não é necessário se preocupar com conflitos de nomes com outras variáveis:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Diferentes expressões para operações de Incremento/Decremento também podem ser utilizadas:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Comparando os loops for e while

Ao comparar os loops for e while, o loop for geralmente é mais simples e conciso. Veja um exemplo de loops equivalentes:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

O loop for geralmente é mais curto e mantém o contador dentro do seu próprio escopo.

question mark

Deseja exibir todos os anos das Olimpíadas de Verão de 2000 a 2016, inclusive. O que deve ser colocado na condição do loop?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookDominando o Laço For em JavaScript

Deslize para mostrar o menu

O loop for é uma forma comum de repetir código. Ele utiliza três partes dentro dos parênteses:

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

O significado de cada parte:

  • Initialization: cria o contador do loop (executado uma vez);
  • Condition: verificado antes de cada iteração;
  • Increment/Decrement: atualiza o contador após cada loop.
Note
Nota

Uma iteração é uma execução completa do corpo do loop.

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy
  • let i = 1: inicialização;
  • i < 5: condição;
  • i++: incremento;
  • console.log(...): corpo do loop.

Isto se repete até que a condição se torne falsa.

Também é possível utilizar decremento no for, conforme mostrado aqui:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

O contador do laço for é exclusivo do seu escopo, portanto não é necessário se preocupar com conflitos de nomes com outras variáveis:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Diferentes expressões para operações de Incremento/Decremento também podem ser utilizadas:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Comparando os loops for e while

Ao comparar os loops for e while, o loop for geralmente é mais simples e conciso. Veja um exemplo de loops equivalentes:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

O loop for geralmente é mais curto e mantém o contador dentro do seu próprio escopo.

question mark

Deseja exibir todos os anos das Olimpíadas de Verão de 2000 a 2016, inclusive. O que deve ser colocado na condição do loop?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3
some-alt