Laços de Repetição – Dominando os Loops

Você já percebeu como a vida é cheia de repetições? Todos os dias acordamos, escovamos os dentes, tomamos café e seguimos nossa rotina. Se tivéssemos que fazer tudo manualmente, sem hábitos automáticos, nossa produtividade seria um caos!

No mundo da programação, enfrentamos o mesmo problema. Se precisássemos repetir um código várias vezes sem automatizar o processo, os programas seriam gigantes, difíceis de entender e ineficientes.

A solução? Os laços de repetição!

Os loops permitem repetir um bloco de código várias vezes sem precisar copiá-lo manualmente. Vamos aprender como usá-los de forma eficiente no JavaScript!

📌 Tipos de Loops no JavaScript

1️⃣ For – O Clássico das Repetições

O for é ideal quando sabemos exatamente quantas vezes queremos repetir um bloco de código.

📌 Exemplo da vida real: Imagine que você tem 10 convidados em uma festa e quer entregar um brinde para cada um.

No código, ficaria assim:

for (let i = 1; i <= 10; i++) {
    console.log(`Entregando brinde para o convidado número ${i}`);
}

🔹 Explicação:

• let i = 1; → Inicia o contador.
• i <= 10; → Define até onde o loop irá.
• i++ → Incrementa o valor de i a cada iteração.

✅ Saída no console:

Entregando brinde para o convidado número 1  
Entregando brinde para o convidado número 2  
...  
Entregando brinde para o convidado número 10  

2️⃣ While – Enquanto For Verdade, Continue!

O while é usado quando não sabemos quantas vezes a repetição ocorrerá, mas temos uma condição de parada.

📌 Exemplo da vida real: Você continua comendo pizza enquanto estiver com fome.

let fome = true;
let fatias = 8;

while (fome && fatias > 0) {
    console.log(`Comendo uma fatia... Restam ${--fatias} fatias`);
    
    if (fatias === 3) {
        fome = false; // Parando quando já estiver satisfeito
    }
}

✅ Saída no console:

Comendo uma fatia... Restam 7 fatias  
Comendo uma fatia... Restam 6 fatias  
Comendo uma fatia... Restam 5 fatias  
Comendo uma fatia... Restam 4 fatias  
Comendo uma fatia... Restam 3 fatias  

🔹 Explicação:

• O loop continua rodando enquanto a variável fome for true e houver fatias disponíveis.
• Assim que fatias chega a 3, fome se torna false e o loop para.

3️⃣ Do-While – Pelo Menos Uma Vez!

O do-while garante que o código será executado ao menos uma vez, pois a verificação acontece depois da primeira execução.

📌 Exemplo da vida real: Você sempre experimenta um novo sabor de sorvete pelo menos uma vez antes de decidir se gostou ou não.

let sorveteBom = false;

do {
    console.log("Experimentando um novo sabor de sorvete...");
    sorveteBom = Math.random() > 0.5; // Simula se gostamos ou não
} while (!sorveteBom);

console.log("Achei um sabor que gostei! 🍦");

✅ Saída no console:

Experimentando um novo sabor de sorvete…
Experimentando um novo sabor de sorvete…
Achei um sabor que gostei! 🍦

🔹 Explicação:

• O loop sempre executa pelo menos uma vez.
• A verificação acontece depois da primeira execução.

🔄 Iterando Sobre Arrays

Os loops são essenciais quando trabalhamos com arrays.

📌 1. forEach – O Método Elegante

📌 Exemplo da vida real: Você tem uma playlist e quer tocar todas as músicas, uma por uma.

const playlist = ["Song 1", "Song 2", "Song 3"];

playlist.forEach((musica, index) => {
    console.log(`Tocando música ${index + 1}: ${musica}`);
});

✅ Saída no console:

Tocando música 1: Song 1  
Tocando música 2: Song 2  
Tocando música 3: Song 3  

📌 2. for…of – O Jeito Simples e Intuitivo

📌 Exemplo da vida real: Você lê cada item de uma lista de compras.

const listaDeCompras = ["Pão", "Leite", "Ovos"];

for (let item of listaDeCompras) {
    console.log(`Comprando: ${item}`);
}

✅ Saída no console:

Comprando: Pão  
Comprando: Leite  
Comprando: Ovos  

🚨 Evitando Erros Comuns em Loops

🔴 Loop Infinito (Cuidado! ⚠️)

let i = 1;
while (i > 0) { // Essa condição nunca muda
    console.log(i);
}

📌 Esse loop nunca para! 😱

✅ Corrigindo:

let i = 1;
while (i <= 10) {
    console.log(i);
    i++; // Incremento para evitar loop infinito
}

🛠️ Dicas Para Escrever Loops Como um Profissional

✔ Prefira forEach para percorrer arrays, ao invés de for tradicional.
✔ Use for...of para um código mais legível ao iterar listas.
✔ Evite loops aninhados, pois podem impactar a performance.
✔ Sempre garanta uma condição de parada para evitar loops infinitos.

🎯 Conclusão

Os laços de repetição são uma ferramenta essencial para otimizar código, tornando-o mais limpo e eficiente.

Agora que você aprendeu a dominar os loops no JavaScript, que tal praticar? 🚀

📝 Desafio:
🔹 Escreva um código que percorre um array de tarefas e exiba as concluídas e pendentes.

Gostou da aula? Compartilhe com seus amigos e continue acompanhando nosso blog! 😃