Loops em JavaScript

6.1 Loop while

Loops em JavaScript permitem executar um bloco de código várias vezes enquanto uma condição for verdadeira. Isso é uma parte importante da programação que ajuda a automatizar tarefas repetitivas.

O loop while executa um bloco de código enquanto a condição for verdadeira (true).

Sintaxe:

    
      while (condition) {
        // código que será executado enquanto a condição for verdadeira
      }
    
  

Exemplo:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iteração número ${i}`);
        i++;
      }

      // Saída:
      // Iteração número 0
      // Iteração número 1
      // Iteração número 2
      // Iteração número 3
      // Iteração número 4
    
  

Neste exemplo:

• O loop continua executando enquanto o valor de i for menor que 5
• Dentro do loop, o valor de i é incrementado em 1 após cada iteração

6.2 Executando um bloco de código n vezes

Muito frequentemente, surge uma situação onde um bloco de código precisa ser executado um número fixo de vezes. Este código pode ser escrito na forma de um loop while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iteração número ${i}`);
        i++;
      }
    
  

Em termos gerais, será assim:

    
      inicialização
      while (condição) {
        bloco de código
        passo
      }
    
  

6.3 Loop for

Loop for

O loop for é um dos loops mais usados em JavaScript. Ele é especialmente criado para repetir um bloco de código um número específico de vezes.

Sintaxe:

    
      for (inicialização; condição; passo) {
        // código que será executado a cada iteração
      }
    
  

Exemplo:

    
      for (let i = 0; i < 5; i++) {
        console.log(`Iteração número ${i}`);
      }
      // Saída:
      // Iteração número 0
      // Iteração número 1
      // Iteração número 2
      // Iteração número 3
      // Iteração número 4
    
  

Explicação:

• let i = 0 — inicialização da variável i, que será o contador de iterações
• i < 5 — condição sob a qual o loop continua a executar. O loop para quando i se torna igual a 5
• i++ — passo que é executado após cada iteração, aumentando o valor de i em 1

6.4 Loop do...while

O loop do...while é parecido com o loop while, mas com a diferença que o bloco de código é executado pelo menos uma vez antes da condição ser verificada.

Sintaxe:

    
      do {
        // código que será executado pelo menos uma vez
      } while (condição);
    
  

Exemplo:

    
      let i = 0;
      do {
        console.log(`Iteração número ${i}`);
        i++;
      } while (i < 5);

      // Saída:
      // Iteração número 0
      // Iteração número 1
      // Iteração número 2
      // Iteração número 3
      // Iteração número 4
    
  

Neste exemplo:

• O bloco de código dentro de do será executado pelo menos uma vez, mesmo que a condição seja inicialmente falsa
• Após a execução do bloco de código, a condição é verificada, e se for verdadeira, o loop continua

6.5 Comparação de loops

Exemplos de uso de loops

Iterando um array com for:

    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Saída: 1 2 3 4 5
    
  

Usando while para aguardar uma condição:

    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Usando do-while para executar pelo menos uma iteração:

    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Saída: 0 (o loop é executado uma vez, mesmo com a condição falsa)