Ciclo for
Até agora escolhia o caminho uma vez com if e switch. Numa página real muitas vezes precisa repetir o mesmo trabalho: cinco linhas, uma soma, uma lista curta. Copiar o mesmo comando cinco vezes parte ao primeiro ajuste. for guarda uma cópia e avança um contador.
Como avança um for?
Enquanto a condição for verdadeira, o bloco { } corre de novo. Entre parênteses há três partes com ponto e vírgula: de onde parte o contador, até quando continua, como muda após cada volta. Quando a condição fica falsa, o ciclo para e o programa segue na linha seguinte.
As três peças do cabeçalho
📊 Peças quotidianas do for
| Parte | Leitura quotidiana | Uso típico |
|---|---|---|
| início (init) | começa o contador aqui… | let i = 0 |
| condição | continua enquanto isto for verdadeiro… | i < 5 |
| atualização | após cada volta muda o contador… | i++ |
Principiantes costumam contar com um inteiro pequeno chamado i. O nome é hábito, não regra — n ou step também servem. Sem atualizar o contador, a condição pode nunca ficar falsa e o ciclo fica preso.
for (let i = 0; i < 5; i++) {
console.log(i);
}
Contar do início à paragem
Começa em 0. Enquanto i for menor que 5, imprime e soma um. Na consola vê 0 a 4 — cinco voltas. O valor 5 não aparece porque a condição falha primeiro.
Leia uma volta com calma: condição → corpo → atualização → condição outra vez. A atualização não está no corpo; fica no cabeçalho para cada volta avançar da mesma forma.
for (let i = 1; i <= 3; i++) {
console.log("step " + i);
}
Começar em um, rótulos mais claros
Aqui o contador começa em 1 e a condição é i <= 3; vê step 1 a step 3. Zero ou um é escolha de desenho — alinhe só a condição.
let total = 0;
for (let i = 1; i <= 4; i++) {
total = total + i;
}
console.log(total);
Construir a soma volta a volta
total começa a zero e cada volta toma o i atual. Após 1+2+3+4 fica 10. O ciclo brilha quando o resultado cresce ao longo das voltas, não numa só ramificação.
for (let i = 0; i < 8; i += 2) {
console.log(i);
}
Saltar de dois em dois
i += 2 avança dois cada volta: 0, 2, 4, 6. O sítio da atualização não é só i++ — qualquer mudança honesta que aproxime o fim serve.
let line = "";
for (let i = 1; i <= 3; i++) {
line = line + "n" + i + " ";
}
console.log(line);
Colar pedaços durante o ciclo
line começa vazio e cada volta acrescenta um pedaço. Após três voltas tem algo como n1 n2 n3. O mesmo padrão serve depois para montar a mensagem da página.
Ver o resultado na página
Execute uma contagem curta, construa a mensagem e escreva-a na página.
<!DOCTYPE html>
<html>
<head>
<title>For — page count</title>
</head>
<body>
<p id="out">…</p>
<script>
let msg = "";
for (let i = 1; i <= 4; i++) {
msg = msg + i + " ";
}
let box = document.getElementById("out");
box.textContent = "count=" + msg.trim();
</script>
</body>
</html>
A página mostra count=1 2 3 4. Mude o limite superior, atualize e leia a lista nova. A lição seguinte com while também repete, mas verifica a condição de outra forma — quando já conhece o plano do contador, for continua a ferramenta limpa.
Experimente você
- Escreva um
forcomi < 5que registe0…4. - Mude para registar
1…5comi <= 5. - Some
1…5emtotale registe o resultado. - Imprima pares abaixo de
10comi += 2. - Dentro do ciclo construa um texto com três rótulos (
a,b,c). - Na demo HTML mude só o limite, atualize e leia
count=.
Erros comuns
- Erro de um:
i < 5em vez dei <= 5(ou o contrário) quando o número de voltas era outro - Esquecer a atualização (
i++) para a condição nunca acabar - Meter num ciclo de uma volta o que um
ifbastava - Mudar uma variável diferente da condição
- Assumir que
iainda serve depois do ciclo se foi declarado comletno cabeçalho (âmbito de bloco)
Resumo
forrepete o corpo enquanto a condição for verdadeira- O cabeçalho tem três peças: início, condição, atualização
- Ótimo para contar, somar e montar texto curto
- A atualização pode ser
i++,i += 2ou outro passo claro - Se o ciclo monta uma mensagem, mostre-a também na página
- Seguinte: ciclo while — repetir enquanto uma condição vale, sem cabeçalho de três peças
🧠 Teste Seu Conhecimento
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo