DEV Community

Cover image for Laços de Repetição (Parte 1)
ananopaisdojavascript
ananopaisdojavascript

Posted on • Originally published at ananopaisdojavascript.hashnode.dev

Laços de Repetição (Parte 1)

#javascript #loops #for #while

Definição

Laços de repetição são comandos que permitem que um bloco de código se repita muitas vezes. Enquanto uma condição for verdadeira, um loop é executado. Quando essa mesma condição atinge o resultado desejado, o loop se interrompe.

while (condição) { // bloco de código que será executado }
Enter fullscreen mode Exit fullscreen mode

while

Essa estrutura realiza um teste lógico no começo do loop. Cada vez que a condição é verdadeira, o bloco de código associado ao laço é executado. Se a condição é falsa, o laço é encerrado e o processamento volta ao fluxo inicial do programa. Vamos ver um exemplo:

Exemplo 1

Mostrar na tela os números de 0 até 10 usando o laço de repetição while. 

// Criar a variável com a responsabilidade de fazer as contagens let contador = 0; // Laço que verifica se a condição dada é verdadeira ou falsa while(contador <= 10) { console.log(contador); contador++; }
Enter fullscreen mode Exit fullscreen mode

Vejamos como o laço entra em ação:

Condição Verdadeiro ou Falso? Status
0 <= 10 Verdadeiro Começo do loop
1 <= 10 Verdadeiro Continua o loop
2 <= 10 Verdadeiro Continua o loop
3 <= 10 Verdadeiro Continua o loop
4 <= 10 Verdadeiro Continua o loop
5 <= 10 Verdadeiro Continua o loop
6 <= 10 Verdadeiro Continua o loop
7 <= 10 Verdadeiro Continua o loop
8 <= 10 Verdadeiro Continua o loop
9 <= 10 Verdadeiro Continua o loop
10 <= 10 Verdadeiro Continua o loop
11 <= 10 Falso Fim do loop

Vamos ver outro exemplo, só que ao contrário

Exemplo 2

Mostrar na tela os números de 10 até 0 usando o laço de repetição while. 

// Criar a variável com a responsabilidade de fazer as contagens let contador = 10; // Laço que verifica se a condição dada é verdadeira ou falsa while(contador >= 0) { console.log(contador); contador--; }
Enter fullscreen mode Exit fullscreen mode

Vejamos como o laço entra em ação:

Condição Verdadeiro ou Falso? Status
10 >= 0 Verdadeiro Começo do loop
9 >= 0 Verdadeiro Continua o loop
8 >= 0 Verdadeiro Continua o loop
7 >= 0 Verdadeiro Continua o loop
6 >= 0 Verdadeiro Continua o loop
5 >= 0 Verdadeiro Continua o loop
4 >= 0 Verdadeiro Continua o loop
3 >= 0 Verdadeiro Continua o loop
2 >= 0 Verdadeiro Continua o loop
1 >= 0 Verdadeiro Continua o loop
0 >= 0 Verdadeiro Continua o loop
-1 >= 0 Falso Fim do loop

Vamos fazer os mesmos exemplos com do while e for

do... while

Estrutura que tem a mesma função de while, com a diferença de que um bloco de código é executado enquanto a condição aparece no fim do laço.

Exemplo 3

Mostrar na tela os números de 0 até 10 usando o laço de repetição do while. 

let contador = 0; do { console.log(contador); contador++; } while (contador <= 10);
Enter fullscreen mode Exit fullscreen mode

Exemplo 4

Mostrar na tela os números de 10 até 0 usando o laço de repetição do while. 

let contador = 10; do { console.log(contador); contador--; } while (contador >= 0);
Enter fullscreen mode Exit fullscreen mode

for

Permite construir laços nos quais se sabe de antemão o número de repetições que devem ser realizadas (número limitado de laços).

Está bem, mas qual é a diferença entre while e for?!

Com o laço de repetição while, não é possível prever o número de repetições, ao contrário do for.

Exemplo 5

Mostrar na tela os números de 0 até 10 usando o laço de repetição for. 

for(let i = 0; i <= 10; i++) { console.log(i); }
Enter fullscreen mode Exit fullscreen mode

Exemplo 6

Mostrar na tela os números de 0 até 10 usando o laço de repetição for. 

for(let i = 10; i >= 0; i--) { console.log(i); }
Enter fullscreen mode Exit fullscreen mode

E aí? Gostaram? Até a próxima anotação! 😊

Top comments (0)