Estruturas de Repetição, While, Do While e For em JavaScript

No universo da programação, a capacidade de repetir uma determinada ação várias vezes é certamente essencial. Para atender a essa necessidade, as linguagens de programação oferecem diversas estruturas de repetição. Neste artigo, vamos explorar três delas em JavaScript: o while, o do while e o for.

O while: repetição com condição

A estrutura de repetição while permite executar um bloco de código enquanto uma condição especificada for verdadeira. É uma maneira eficiente de repetir uma ação enquanto uma determinada condição for atendida.

O formato básico do while é o seguinte:

while (condição) {
   // bloco de código a ser executado
}

Repita o bloco de código enquanto a condição for verdadeira. Evite loops infinitos, alterando a condição em algum momento.

Por exemplo:

let contador = 0;

while (contador < 5) {
   console.log("Contador: " + contador);
   contador++;
}

Neste exemplo, o bloco de código dentro do while será executado cinco vezes, pois o contador será incrementado a cada iteração até que a condição seja falsa.

Leia Também: JavaScript: O que você precisa saber antes de começar a programar

O do while: repetição com verificação posterior

A estrutura de repetição do while é semelhante ao while, porém, verifica a condição após a execução do bloco de código. Isso significa que o bloco de código será executado pelo menos uma vez, independentemente da condição ser verdadeira ou falsa como resultado.

O formato básico do do while é o seguinte:

do {
   // bloco de código a ser executado
} while (condição);

Exemplo:

let i = 0;

do {
   console.log("Número: " + i);
   i++;
} while (i < 5);

Conforme o exemplo, o bloco de código executa uma vez, independentemente da condição ser verdadeira ou falsa. Se a condição for verdadeira, o bloco de código repete.

O for: repetição controlada por contador

O for é uma estrutura de repetição muito utilizada em JavaScript, especialmente quando se conhece o número exato de iterações necessárias. Ele permite executar um bloco de código um determinado número de vezes, com um controle explícito de contador.

O formato básico do for é o seguinte:

for (inicialização; condição; incremento) {
   // bloco de código a ser executado
}

• A inicialização executa antes do início do loop, geralmente usada para definir e/ou inicializar a variável de controle.
• A condição verifica antes de cada iteração do loop. Se for verdadeira, o bloco de código executa; caso contrário, o loop encerra.
• O incremento executa após cada iteração do loop, geralmente usado para incrementar a variável de controle.

Exemplo:

for (let j = 0; j < 5; j++) {
   console.log("Valor de j: " + j);
}

Neste exemplo, o bloco de código dentro do for será executado cinco vezes. O valor de j será impresso a cada iteração, começando de 0 e incrementando em 1 a cada iteração. Quando a condição j < 5 se tornar falsa, o loop em seguida, será encerrado.

Escolhendo a estrutura certa

A escolha da estrutura de repetição mais adequada depende do contexto e dos requisitos específicos do problema a ser resolvido. Vamos analisar alguns cenários comuns para ajudar na escolha correta:

4.1. Quando a condição de repetição é desconhecida:

Nesses casos, o while é uma boa opção. Ele executa um bloco de código enquanto uma condição for verdadeira, mesmo que a condição não seja previsível antecipadamente. Por exemplo:

let resposta = prompt("Digite 'sair' para encerrar:");
while (resposta !== "sair") {
   // bloco de código
   resposta = prompt("Digite 'sair' para encerrar:");
}

4.2. Quando o bloco de código precisa ser executado pelo menos uma vez:

A estrutura do while é útil quando é necessário executar um bloco de código pelo menos uma vez, independentemente da condição. Por exemplo:

let opcao;
do {
   opcao = prompt("Selecione uma opção (1, 2, 3):");
} while (opcao !== "1" && opcao !== "2" && opcao !== "3");

Nesse caso, o bloco de código executará pelo menos uma vez, garantindo assim que o usuário faça uma escolha válida.

4.3. Quando há um número fixo de iterações:

O for é especialmente útil quando o número exato de iterações é conhecido. Portanto, é útil para percorrer arrays, realizar cálculos iterativos ou executar uma tarefa repetida um número específico de vezes. Por exemplo:

for (let i = 0; i < array.length; i++) {
   // bloco de código
   console.log(array[i]);
}

Nesse caso, o bloco de código executará para cada elemento do array.

Leia Também: TypeScript ou JavaScript, qual a diferença?

Considerações finais

Por fim, as estruturas de repetição são ferramentas poderosas para automatizar tarefas repetitivas e criar algoritmos eficientes. No JavaScript, o while, o do while e o for oferecem diferentes abordagens para implementar loops de repetição. Ao escolher a estrutura correta, leve em consideração a lógica do problema e as condições específicas. Além disso, use palavras de transição apropriadas para adicionar lógica adicional, como break, continue e return, para controlar o fluxo dentro das estruturas de repetição.

É importante lembrar que, ao usar estruturas de repetição, devemos ter cuidado com possíveis loops infinitos. Um loop infinito ocorre quando a condição do loop nunca se torna falsa, resultando em um ciclo contínuo que pode travar o programa. Garanta que a condição de saída seja alcançada durante a execução do loop.

Mantenha o código limpo e legível ao lidar com estruturas de repetição. Use indentação adequada, nomes significativos para variáveis e comentários relevantes para facilitar a compreensão do código por você e por outros desenvolvedores.

Cursos e Livros indicados:

• Desenvolvimento Web com HTML, CSS e JavaScript
• Pacote Full Stack Master | Os Melhores cursos de programação do Brasil
• JavaScript: O Guia Definitivo
• JavaScript do zero ao profissional: Aprenda de forma ainda mais rápida mesmo se você for novo na programação.

Conclusão

Em suma, exploramos três estruturas de repetição em JavaScript: while, do while e for. Utilize cada uma dessas estruturas de acordo com a situação. Use o while para repetir enquanto uma condição for verdadeira. Utilize o do while para garantir a execução do bloco pelo menos uma vez. Recomenda-se o for quando se conhece o número exato de iterações necessárias.

Compreender e dominar essas estruturas de repetição em JavaScript abrirá caminho para escrever código mais eficiente e elegante, permitindo automatizar tarefas repetitivas e resolver problemas de forma mais eficaz. Continue praticando e explorando outras características da linguagem para aprimorar suas habilidades de programação.