Estrutura de Repetição for no JavaScript: Guia Completo com Exemplos

Se você está aprendendo JavaScript, com certeza já se deparou com situações em que precisa repetir uma mesma instrução várias vezes.

É aí que entra a estrutura de repetição for, uma das mais usadas na programação, justamente porque é prática, simples e poderosa.

Neste artigo você vai aprender:

• O que é a estrutura de repetição for
• Como funciona a sintaxe passo a passo
• Exemplos práticos com códigos comentados
• Quando usar o for no lugar do while
• Exercício final para praticar

O que é a estrutura de repetição for?

Na programação, o for é um laço de repetição usado para executar um bloco de código um número determinado de vezes.

Ele é muito útil quando sabemos quantas vezes queremos que algo aconteça.

Exemplo simples: mostrar na tela os números de 1 até 5.

Estrutura básica do for

A sintaxe do for em JavaScript é a seguinte:

Vamos entender cada parte:

1. Inicialização → normalmente criamos uma variável que servirá de contador.
2. Condição → define até quando o loop será executado.
3. Incremento/Decremento → atualiza a variável de controle a cada repetição.

Exemplo 1: Contando de 1 até 5

Explicação:

• O contador i começa em 1.
• O laço roda enquanto i <= 5.
• A cada volta, o i++ soma 1 ao contador.

Resultado no console:

Exemplo 2: Contando de 10 até 1 (de trás para frente)

Aqui usamos o i-- para decrementar a variável a cada repetição. Isso é perfeito para criar contagens regressivas, como um cronômetro.

Exemplo 3: Pulando números (incremento personalizado)

Nesse caso, o i += 2 faz o contador avançar de 2 em 2, exibindo apenas os números pares.

Exemplo 4: Usando o for com arrays

O for também é muito usado para percorrer arrays. Exemplo: listar os nomes de alunos de uma turma.

Aqui, usamos alunos.length para definir a quantidade de voltas do loop.

Diferença entre for e while

• Use for quando souber o número de repetições.
• Use while quando não souber exatamente quantas vezes o código será executado.

Exemplo:

• for → repetir 10 vezes.
• while → repetir até o usuário digitar um número válido.

Exercício para praticar

Crie um programa em JavaScript que exiba a tabuada do número 7 usando a estrutura for.

Resultado no console:

A estrutura de repetição for no JavaScript é uma das ferramentas mais importantes para qualquer desenvolvedor. Com ela, você consegue automatizar tarefas, percorrer listas, criar tabelas, gerar cálculos repetitivos e muito mais.

Sempre que você souber quantas vezes quer repetir uma ação, use o for.

Agora é sua vez: pratique os exemplos acima e crie seus próprios loops. Quanto mais você treinar, mais natural será usar o for no dia a dia da programação.