Estrutura de Repetição JavaScript: Aprenda a Dominar o Fluxo de Execução

estrutura de repetição javascript

1 / 1

Estrutura de Repetição JavaScript: Aprenda a Dominar o Fluxo de Execução

Você já se deparou com tarefas repetitivas ao programar em JavaScript? Se sim, então você precisa conhecer a estrutura de repetição! Essa poderosa ferramenta permite que você execute blocos de código várias vezes, automatizando processos e poupando tempo e esforço. Neste artigo, vamos explorar os diferentes tipos de estruturas de repetição em JavaScript e como aplicá-las em seu código. Prepare-se para dominar o fluxo de execução e otimizar suas aplicações!

1. O que é uma estrutura de repetição?

Antes de mergulharmos nos detalhes das estruturas de repetição em JavaScript, vamos entender o conceito básico por trás delas. Uma estrutura de repetição, também conhecida como loop, é uma construção lógica que permite executar um bloco de código repetidamente, com base em uma condição.

2. A estrutura de repetição while

A primeira estrutura de repetição que vamos explorar é a while. Com o while, o bloco de código é executado repetidamente enquanto uma condição específica for verdadeira. É como dizer ao programa: “Continue fazendo isso até que essa condição seja falsa”.

2.1 Sintaxe do while

Aqui está a sintaxe básica do while em JavaScript:

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

2.2 Exemplo de uso do while

Vamos supor que você queira exibir os números de 1 a 5 no console. Você pode usar o while para alcançar esse resultado:

let i = 1;

while (i <= 5) {
  console.log(i);
  i++;
}

Neste exemplo, definimos uma variável i como 1 e usamos o while para repetir o bloco de código enquanto i for menor ou igual a 5. A cada iteração, incrementamos o valor de i em 1 e exibimos o valor no console.

3. A estrutura de repetição do…while

O do…while é semelhante ao while, mas com uma diferença crucial: o bloco de código é executado pelo menos uma vez, independentemente da condição. A verificação da condição ocorre após cada execução do bloco.

3.1 Sintaxe do do…while

Aqui está a sintaxe básica do do…while em JavaScript:

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

3.2 Exemplo de uso do do…while

Vamos supor que você queira pedir ao usuário para digitar um número entre 1 e 10 até que ele forneça um valor válido. Você pode usar o do…while para lidar com essa situação:

let numero;

do {
  numero = prompt("Digite um número entre 1 e 10:");
} while (numero < 1 || numero > 10);

Neste exemplo, o bloco de código dentro do do solicita ao usuário que digite um número. A verificação da condição ocorre no final, e o bloco será repetido até que o número fornecido esteja dentro do intervalo desejado.

4. A estrutura de repetição for

O for é uma estrutura de repetição amplamente utilizada em JavaScript. Ele permite que você especifique claramente o número de iterações e o comportamento incremental.

4.1 Sintaxe do for

Aqui está a sintaxe básica do for em JavaScript:

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

4.2 Exemplo de uso do for

Vamos supor que você queira exibir os números de 1 a 5 no console usando o for. O código ficaria assim:

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

Neste exemplo, a inicialização é let i = 1, a condição é i <= 5 e o incremento é i++. A cada iteração, o valor de i é incrementado e exibido no console.

5. A estrutura de repetição for…of

Professor Edu

Professor Edu

Entusiasta da Educação, Tecnologia e Ciência de Dados. Docente no Instituto Federal de Educação e amante do surf.