DEV Community

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

Posted on • Originally published at ananopaisdojavascript.hashnode.dev

3

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

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! 😊

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay