Nesta aula, vamos explorar as estruturas de repetição em JavaScript. Imagine que você é um padeiro e precisa assar uma dúzia de pães. Em vez de escrever a mesma receita para cada pão, você usa uma forma para moldar todos eles. Da mesma forma, as estruturas de repetição na programação nos ajudam a realizar tarefas repetitivas de maneira eficiente e sem repetir o mesmo código várias vezes.

Estrutura while

A estrutura while executa um bloco de código enquanto a condição fornecida for verdadeira.

            // Exemplo prático: Contar até 5
            let contador = 1;
            while (contador <= 5) { // Enquanto o contador for menor ou igual a 5
                console.log(contador);
                contador++;
            }
        

Estrutura for

A estrutura for é útil quando você sabe exatamente quantas vezes deseja repetir um bloco de código.

            // Exemplo prático: Contar até 5 usando for
            for (let i = 1; i <= 5; i++) { // Inicialização; Condição; Atualização
                console.log(i);
            }
        

• Inicialização: let i = 1; - Esta linha declara uma variável i com o valor inicial de 1.
• Condição: i <= 5; - O loop será executado enquanto o valor de i for menor ou igual a 5.
• Atualização: i++ - Ao final de cada iteração, o valor de i é incrementado em 1.


• OBS:
  • A variável i é declarada com a palavra-chave let, que indica que seu escopo é limitado ao loop for.
  • O loop for pode ser utilizado para executar qualquer tipo de código, não apenas para imprimir valores no console.
  • Atenção a condição imposta no for, pois é necessário que em um momento ela acabe, evitando um loop infinito

Estrutura for-of

A estrutura for-of itera sobre elementos iteráveis como arrays ou strings.

            // Exemplo prático: Iterar sobre elementos de um array
            const frutas = ['Maçã', 'Banana', 'Morango'];
            for (fruta of frutas) { // Para cada elemento no array
                console.log(fruta);
            }
        

O código JavaScript apresentado utiliza um loop for...of para iterar um array de frutas e imprimir o nome de cada fruta no console. Vamos analisar cada parte do código em detalhes:

• frutas: O array que será iterado pelo loop.
• fruta: A variável que armazenará o valor de cada elemento do array durante a iteração.

Após a execução do loop for...of, os nomes das frutas (Maçã, Banana e Morango) serão impressos no console, um por linha.

As estruturas de repetição são ferramentas poderosas que nos permitem automatizar tarefas repetitivas. Escolha a estrutura que melhor se adequa à sua situação e pratique para fortalecer sua compreensão.