O laço for é uma estrutura de repetição fundamental em JavaScript, embora possa ser inicialmente desafiador entendê-lo. Ele usa a palavra-chave for e requer três parâmetros entre parênteses:

for (Inicialização; Condição; Incremento / Decremento) {
  // bloco de código
}

Aqui está um resumo desses parâmetros:

Inicialização: É onde você inicializa um novo contador usado pelo laço for. É executado apenas uma vez.
Condição: Uma expressão verificada antes de cada iteração, de forma semelhante ao laço while.
Incremento/Decremento: Operações realizadas no contador ao final de cada iteração do laço.

Nota

Iteração em loops 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, isso é considerado 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 criamos a variável i dentro do laço for. Esta operação executa 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 no laço pode ser descrita da seguinte forma:

// Passo 1: Inicialização do contador
let i = 1;
// Passo 2: Corpo principal do laço
if (i < 5) {  // verificação da condição
  console.log("Iteração do laço:", i); // corpo do laço
}
i++; // operação de incremento

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

Pode ser benéfico considerar um diagrama para obter um entendimento mais claro de como o laço funciona.

Você também pode utilizar decremento no laço for, conforme mostrado aqui:


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

O contador do loop for é único em seu escopo, então você não precisa se preocupar com o nome do contador entrando em conflito 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);

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


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

Comparando os laços for e while

Ao comparar laços for e while, o laço for é geralmente mais simples e conciso. Aqui está um exemplo de laços 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 laço for é mais direto e ocupa menos espaço no código. Adicionalmente, o laço for limpa automaticamente a variável contador (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 (Inicialização; Condição; Incremento / Decremento) {
  // bloco de código
}

Aqui está um resumo desses parâmetros:

Inicialização: É onde você inicializa um novo contador usado pelo laço for. É executado apenas uma vez.
Condição: Uma expressão verificada antes de cada iteração, de forma semelhante ao laço while.
Incremento/Decremento: Operações realizadas no contador ao final de cada iteração do laço.

Nota

Iteração em loops 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, isso é considerado 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 criamos a variável i dentro do laço for. Esta operação executa 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 no laço pode ser descrita da seguinte forma:

// Passo 1: Inicialização do contador
let i = 1;
// Passo 2: Corpo principal do laço
if (i < 5) {  // verificação da condição
  console.log("Iteração do laço:", i); // corpo do laço
}
i++; // operação de incremento

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

Pode ser benéfico considerar um diagrama para obter um entendimento mais claro de como o laço funciona.

Você também pode utilizar decremento no laço for, conforme mostrado aqui:


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

O contador do loop for é único em seu escopo, então você não precisa se preocupar com o nome do contador entrando em conflito 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);

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


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

Comparando os laços for e while

Ao comparar laços for e while, o laço for é geralmente mais simples e conciso. Aqui está um exemplo de laços 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 laço for é mais direto e ocupa menos espaço no código. Adicionalmente, o laço for limpa automaticamente a variável contador (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 laços for e while

Awesome!

Dominando o Laço For em JavaScript

Comparando os laços for e while