Loops

Os programas frequentemente precisam repetir a mesma ação mais de uma vez.

Em vez de escrever o mesmo código repetidamente, você pode usar um loop para repetir um bloco de código por você.

O que é um loop

Um loop repete um bloco de código.

Ele pode repetir por um número definido de vezes, ou enquanto uma condição for verdadeira.

Quando a condição se torna falsa, o loop para e o JavaScript segue para a próxima parte do programa.

Por que os loops são úteis

Os loops economizam tempo e ajudam você a evitar código repetido.

Por exemplo, se você quer mostrar uma mensagem 100 vezes, não deve escrever 100 linhas separadas de console.log().

Com um loop, você escreve a mensagem uma vez e controla quantas vezes ela se repete.

Primeiro exemplo de código

O loop for é comumente usado para contagem e ações repetidas.

for (let count = 1; count <= 3; count++) {
  console.log("Esta é a mensagem número " + count);
}

Quando você clicar em Executar, verá três mensagens na seção de saída.

Análise do código

O loop for tem três partes dentro dos parênteses.

Elas são separadas por ponto e vírgula ;.

• let count = 1 é o valor inicial. Ele cria uma variável contadora e a inicia em 1.
• count <= 3 é a condição. O loop é executado enquanto essa condição for verdadeira.
• count++ é a atualização. Ela aumenta count em 1 após cada repetição.

O código dentro das chaves {} é executado toda vez que o loop se repete.

Quando count se torna 4, a condição count <= 3 é falsa, então o loop para.

Mudando quantas vezes um loop é executado

Você pode mudar o valor inicial ou a condição para controlar quantas vezes um loop é executado.

Este exemplo conta de 5 até 10.

for (let i = 5; i <= 10; i++) {
  console.log("Contando: " + i);
}

O JavaScript também tem um loop while. Um loop while repete o código enquanto uma condição for verdadeira.

Para esta lição de iniciante, foque nos loops for, porque eles são úteis quando você sabe quantas vezes quer repetir uma ação.

Aviso: Certifique-se de que o seu loop consegue parar. Se a condição nunca se tornar falsa, o loop pode rodar para sempre e travar a página.

Mini tarefa

Mude o bloco de código abaixo para que ele imprima os números de 1 até 5 em vez de 1 até 2.

for (let count = 1; count <= 2; count++) {
  console.log(count);
}

Pequeno quiz

Pergunta: O que acontece quando a condição de um loop se torna falsa?

• A) O loop recomeça do início.
• B) O loop para de rodar.
• C) O loop se torna infinito.

Resposta: B. O loop para de rodar.

Pequeno desafio

Escreva um loop for que imprima "Olá" exatamente quatro vezes.

// coloque seu código abaixo

console.log()

Resumo

• Um loop repete um bloco de código.
• Um loop for é útil para contagem e ações repetidas.
• Um loop for básico tem um valor inicial, uma condição e uma atualização.
• O loop para quando a condição se torna falsa.
• Um loop precisa ter uma forma de parar, ou ele pode se tornar um loop infinito.