Introdução ao loop while do JavaScript

Qualquer linguagem de programação requer que loops sejam usados ​​para executar tarefas repetitivas. Isso ajuda principalmente na automação de fluxos ou na execução de tarefas que são realizadas com freqüência. Portanto, eles são considerados a característica mais comum de qualquer idioma. Discutiremos os loops while e do-while em JavaScript e como eles são usados. Estes são os blocos que são semelhantes às instruções condicionais. Isso significa que um conjunto específico de instruções será executado apenas quando uma determinada instrução for satisfeita. O loop continuará em execução até que a condição especificada não seja mais avaliada como verdadeira.

Sintaxe

A sintaxe do loop Do while no JavaScript é a seguinte:

do (
//code to be executed
) while (condition);

A sintaxe acima significa claramente que o conjunto de instruções colocadas no bloco do será executado uma vez antes que a condição seja satisfeita. As instruções são executadas sem serem testadas para a condição. Uma vez executado, este bloco será testado como um loop while normal. Para verificar isso, podemos definir uma variável como 0. Isso pode ser incrementado dentro da instrução do e, em seguida, definir a condição como false.

Vamos dar um exemplo como abaixo:

//setup variable as 0
let a=0;
do(
a++;
console.log(a);
) while(false);

A saída aqui seria 1. Quando o código é executado, o código inicia a execução e o loop será executado uma vez de 0 até que a condição não seja satisfeita. O loop, quando criado, será executado pelo menos uma vez, mesmo que a condição especificada não seja satisfeita.

Como o loop while funciona em JavaScript?

  • O loop do while é uma variante do loop while que executa um conjunto de instruções até que a condição mencionada seja avaliada como falsa. Enquanto isso, a diferença encontrada é que o conjunto de instruções no loop é executado pelo menos uma vez, mesmo que a condição mencionada não esteja sendo satisfeita. A principal diferença entre o loop while e do while é que, com o loop while, a condição é avaliada no início de cada iteração.
  • Se a condição especificada for falsa, o loop que está sendo seguido por essa condição nunca será executado. Quando o do while aparece na imagem, o loop é executado pelo menos uma vez. Embora a condição não seja satisfeita, ela será executada uma vez. Isso ocorre porque no loop while, a condição é especificada no final do loop. Devido a isso, as condições no loop são executadas uma vez.

Diagrama de fluxo do while

Vamos entender o funcionamento desse loop por meio de um fluxograma.

  • O fluxograma aqui explica o funcionamento completo do loop do while em JavaScript. O loop do while funciona de maneira semelhante ao loop while, onde há um conjunto de condições que devem ser executadas até que uma condição seja satisfeita.
  • Após o início do fluxo, a caixa do processo no diagrama acima explica que o código começará a ser executado. Depois que o código é executado, ele verifica se a condição está satisfeita com não. Isso é mostrado na caixa de decisão onde a condição é avaliada. Se essa condição for verdadeira, o código será novamente executado. Ele voltará para a caixa do processo no diagrama e executará o conjunto de instruções fornecido.
  • Se a condição fornecida for falsa, o código irá parar de executar e o loop será encerrado. Aqui, a principal diferença entre while e do while é que, mesmo que a condição não seja verdadeira, as instruções no bloco do processo serão executadas uma vez antes mesmo de a condição ser avaliada. O fluxograma também significa o mesmo. O loop será executado continuamente após a primeira execução se a condição for verdadeira e será encerrado se a condição for falsa.

Exemplos



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);

No código acima, declaramos um número de variável com um valor inicializado em 10. A variável total é inicializada em 0. Essa variável calcula o total enquanto o loop é executado. Quando o loop inicia, o número é adicionado ao total. O próximo passo incrementa o valor da variável num em 1. A condição while é então testada, o que é verdadeiro, ou seja, 10 <15. O loop será executado novamente como abaixo:

0= 0 + 10
21= 10+11
33= 21+12
46= 33+13
60= 46+14

Depois que o total atingir 60, o número aumentará para 15. Aqui a condição se torna 15 <15. Isso não está satisfeito. O loop do while termina porque a condição não é satisfeita.

Resultado:

Número = 10

O valor total é = 10

Número = 11

O valor total é = 21

Número = 12

O valor total é = 33

Número = 13

O valor total é = 46

Número 14

O valor total é = 60

O valor total de fora do loop é = 60

É assim que um loop do while funciona. O loop continuará sendo executado até que a condição seja satisfeita. Uma vez que a condição não está sendo satisfeita, o loop sai e as instruções que estão sendo seguidas são executadas.

Conclusão - Fazer loop enquanto em JavaScript

O loop do while é semelhante ao loop while, onde um determinado conjunto de instruções é executado. A diferença aqui é que o loop do while é executado completamente, mesmo que a condição não seja satisfeita. O loop do while é executado até que a condição especificada seja verdadeira e sai assim que a condição não for atendida. Para concluir tarefas que precisam ser executadas em uma iteração, o loop while pode ser usado. Portanto, no loop do while do Javascript pode ser útil quando tarefas iterativas devem ser executadas. Javascript suporta esse loop e pode ser usado sempre que necessário.

Artigos recomendados

Este é um guia para fazer o loop Enquanto em JavaScript. Aqui discutimos a sintaxe, o fluxograma com exemplos e como ele funciona em JavaScript. Você também pode consultar o seguinte artigo para saber mais -

  1. For Loop em JavaScript
  2. Padrões em JavaScript
  3. While Loop em JavaScript
  4. Recursos do JavaScript
  5. Loops no VBScript com exemplos

Categoria:

Desenvolvimento de software