Estrutura de repetição FOR no JavaScript


A estrutura de repetição for clássica é uma forma tradicional encontrada na maioria das linguagens de programação. Ela é especialmente útil quando se sabe previamente o número de iterações necessárias. Essa estrutura é composta por três expressões, cada uma separada por ponto e vírgula (;), que controlam a inicialização, a condição de parada e o incremento ou decremento da variável de controle do loop.

  1. Inicialização: Declaração e atribuição do valor inicial da variável de controle.
  2. Condição: Expressão que determina se o loop continua ou não, sendo avaliada a cada iteração.
  3. Incremento/Decremento: Operação que ajusta a variável de controle após cada iteração.

Sintaxe

for (let [nome da variável] = [valor inicial]; [condição]; [incremento/decremento]) {
  // Código a ser executado em cada iteração
}

Geralmente, a variável de controle é nomeada como i (de índice).

Exemplo

for (let i = 0; i <= 5; i++) {
  console.log("Linha", i);
}
 
/*
Linha 0
Linha 1
Linha 2
Linha 3
Linha 4
Linha 5
for (let i = 0; i <= 50; i += 10) {
  console.log("Linha", i);
}
 
/*
Linha 0
Linha 10
Linha 20
Linha 30
Linha 40
Linha 50
for (let i = 10; i >= 0; i--) {
  console.log("Linha", i);
}
 
/*
Linha 10
Linha 9
Linha 8
Linha 7
Linha 6
Linha 5
Linha 4
Linha 3
Linha 2
Linha 1
Linha 0

Percorrer um array

const frutas = ["maça", "pera", "uva"];
 
for (let i = 0; i < frutas.length; i++) {
  console.log(`Índice ${i}: ${frutas[i]}`);
}
 
/*
Índice 0: maça
Índice 1: pera
Índice 2: uva

Referências