O for é uma estrutura de repetição fundamental em JavaScript, embora possa ser desafiadora de compreender inicialmente. Utiliza a palavra-chave for e exige três parâmetros entre parênteses:

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

Veja a explicação desses parâmetros:

Initialization: Inicialização de um novo contador utilizado pelo laço for. Executado apenas uma vez;
Condition: Expressão verificada antes de cada iteração, semelhante ao laço while;
Increment/Decrement: Operações realizadas no contador ao final de cada iteração do laço.

Nota

Iteração em laços refere-se à repetição de um bloco de código um determinado número de vezes ou até que uma condição específica seja atendida. Cada vez que o bloco de código é executado, considera-se uma iteração.

Vamos ilustrar isso com um exemplo:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

Neste exemplo:

let i = 1: Inicialização, onde a variável i é criada dentro do laço for. Esta operação é executada uma vez;
i < 5: Condição, verificada antes de cada iteração;
i++: Expressão de incremento, executada após cada iteração;
console.log("Loop iteration:", i);: Corpo do laço for.

Cada etapa do laço pode ser descrita da seguinte forma:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Etapa 2 se repete até que a condição se torne false.

Pode ser útil considerar um diagrama para obter uma compreensão mais clara de como o laço opera.

Você também pode usar decremento no for loop, conforme mostrado aqui:


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

O contador do for loop é 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);

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);
};

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);
}

Nesta comparação, o loop for é mais direto e ocupa menos espaço no código. Além disso, o loop for limpa automaticamente a variável de controle (neste caso, i) após a execução.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4

Pergunte à IA

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

Awesome!

Completion rate improved to 2.33

Deslize para mostrar o menu

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

Veja a explicação desses parâmetros:

Initialization: Inicialização de um novo contador utilizado pelo laço for. Executado apenas uma vez;
Condition: Expressão verificada antes de cada iteração, semelhante ao laço while;
Increment/Decrement: Operações realizadas no contador ao final de cada iteração do laço.

Nota

Iteração em laços refere-se à repetição de um bloco de código um determinado número de vezes ou até que uma condição específica seja atendida. Cada vez que o bloco de código é executado, considera-se uma iteração.

Vamos ilustrar isso com um exemplo:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

Neste exemplo:

let i = 1: Inicialização, onde a variável i é criada dentro do laço for. Esta operação é executada uma vez;
i < 5: Condição, verificada antes de cada iteração;
i++: Expressão de incremento, executada após cada iteração;
console.log("Loop iteration:", i);: Corpo do laço for.

Cada etapa do laço pode ser descrita da seguinte forma:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Etapa 2 se repete até que a condição se torne false.

Pode ser útil considerar um diagrama para obter uma compreensão mais clara de como o laço opera.

Você também pode usar decremento no for loop, conforme mostrado aqui:


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

O contador do for loop é 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);

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);
};

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);
}

Nesta comparação, o loop for é mais direto e ocupa menos espaço no código. Além disso, o loop for limpa automaticamente a variável de controle (neste caso, i) após a execução.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4

Dominando o Laço For em JavaScript

Comparando os loops for e while

Awesome!

Dominando o Laço For em JavaScript

Comparando os loops for e while