Introdução ao While Loop em Javascript

Hoje estamos nos concentrando em um loop while. Looping não passa de uma tarefa repetida repetidamente. Suponha que tenhamos que imprimir alguns não. por exemplo, 1 a 10. Nesse cenário, se acharmos que precisamos escrever uma declaração de impressão 10 vezes para cada não. o código será mais e demorado. E o mais importante é repetitivo. Ao codificar em qualquer idioma, temos que considerar a política DRY. Isso significa não se repita (DRY). Neste tópico, vamos aprender sobre o Loop While em JavaScript.

Então, aqui os loops entram em cena. Nesse loop while. Se você pensar no idioma inglês simples, entenderá melhor. Simples enquanto o significado é ao mesmo tempo ou a um período. O mesmo se aplica aqui em uma linguagem de programação também. Enquanto a condição for verdadeira, o código específico será executado.

O loop while verifica a condição, se é verdadeira ou falsa. Se a condição for verdadeira, basta executar o código até o ponto de interrupção. Se a condição for falsa, ela não avança.

Sintaxe:

While(condition)(
// code to execute
)

Em um loop while, estamos verificando a condição no momento de iniciar o loop, para que possamos decidir executá-lo ou não. Em um loop while, temos algum bloco de instruções. Que entrará em execução - apenas a condição especificada nesse loop é verdadeira.

Costumamos usar verdadeiro como verdadeiro e falso. se você conhece o conceito binário em programação, será mais fácil entender.

Verdadeiro e falso são os dois valores usados ​​para avaliar a expressão. Ao verificar a condição e executar o programa, isso será útil.

Observe a seguinte sintaxe para true e false:

While(true)(
// code will execute
)
While(false)(
// code will not execute
)

Exemplo

while(true)(
console.log("Hello");
break;
)

Resultado:

No caso de zero, sairemos diretamente do loop.

Exemplo

var i = 0;
while (i < 10) (
console.log(i);
i++;
)

Resultado:

Como o While Loop funciona em Javascript?

O loop while é muito simples de entender. Sabemos que loops são usados ​​na programação para automatizar as diferentes tarefas repetitivas. Mas precisamos tomar algumas precauções em um ponto em que não estamos aumentando. Para ter uma idéia mais clara sobre isso, vamos verificar o exemplo a seguir.

Exemplo

O código a seguir está com o operador de incremento ++.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Resultado:

Agora, vamos ver algum código sem o operador de incremento. Por favor, tente o seguinte código.

Em JavaScript, você deve declarar a variável e inicializá-la. Ignorar esse processo pode causar erros de tempo de execução em um compilador.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Resultado:

Por favor, execute o código acima e você verá que o código está sendo executado infinitamente.

Não há parada para a impressão do nome Olá. Para garantir que devemos obter um número específico de palavras como saída, devemos usar o operador de incremento ou decremento junto com o loop while.

Diagrama de fluxo

Em geral, o loop é dividido em 3 partes.

  1. Inicialização: atribuindo valor à variável
  2. Condição: condição para verificar se é verdadeiro ou falso
  3. Incremento ou decremento: esses operadores são úteis para incrementar o loop automaticamente ou decrementar o loop.

Examinaremos atentamente todos esses estados do loop no próximo exemplo.

A parte importante de qualquer programa é sua lógica. Observe atentamente o fluxograma abaixo no início do programa que precisamos inicializar a variável.

A inicialização nada mais é do que atribuir valor a essa variável a ser usada. Após a inicialização, é bom aplicar o loop while. em um loop while, estamos verificando a condição. por exemplo, i <= 5. aqui o loop será iniciado se a condição for verdadeira. Se a condição for falsa, sairemos diretamente do loop. Em geral, quando estamos falando de sair do loop, precisamos de operadores de incremento (++) e decremento (-).

Exemplos

Vamos pensar em um exemplo com o operador de decremento. Até agora, vimos o loop while com o operador de incremento (++). Agora, vamos observar o operador de decremento (-). O operador de decremento como o nome sugere reduz o valor de uma variável conforme o requisito fornecido. O loop será interrompido quando a condição for falsa.

Exemplo:

var i=5;
while (i>=1)(
console.log("Hello World");
i--;
)

Resultado:

Se você executar o programa acima, encontrará a mesma saída que a viu no operador de incremento.

Exemplo:

fruits = 1;
while (fruits <= 5) (
console.log(fruits + " has to be there");
fruits++;
)
console.log("there are total " + (fruits - 1) + " rounds to market.");

Resultado:

Exemplo: loop While com a matriz

var fruits = ("Apple", "Banana", "Kiwi", "Pinaple");
total = 0;
while (total < fruits.length) (
console.log("There is " + fruits(total)+ " in the basket");
total++;
)

Resultado:

Exemplo

var balance = 0;
var greet = "";
while (balance <= 10) (
greet = greet + "\n I have added $" + balance+ " in my account";
balance ++;
)
console.log(greet);

Resultado:

Em todos os exemplos acima, vimos como podemos trabalhar com um loop while. O loop é possível quando a condição se torna verdadeira. Mude as condições. Tente com afirmações verdadeiras e falsas. Observe a saída.

Enquanto o loop sempre verifica a condição. Se a condição for verdadeira, será executada.

Isso evita que façamos um trabalho repetitivo repetidamente. Portanto, tente várias vezes e sujar as mãos.

Conclusão

Os loops desempenham um papel importante na programação. Eles ajudam a reduzir tarefas repetitivas e fazem isso automaticamente. Se tivermos uma lógica correta, o loop economizará muito tempo de um programador.

Artigos recomendados

Este é um guia para o Loop While em JavaScript. aqui discutimos como o loop While funciona em Javascript com os exemplos, diagrama de fluxo e saídas. Você também pode consultar os seguintes artigos para saber mais -

  1. While Loop em Java
  2. Loops em R
  3. Matrizes em JavaScript
  4. Loops em C