O que é um loop
O conceito de looping é bem direto, ou seja, para executar algumas instruções específicas repetidamente para um número fixo de vezes ou até que uma determinada condição seja cumprida
Existem vários tipos de rotações disponível em JavaScript Mas nós apenas vamos nos concentrar no Enquanto loop e fazer enquanto laço.
O loop while
No tempo em que o loop repete um pedaço de código depois de verificar uma condição, se a condição que é dada ao loop while em seu parâmetro for verdadeira, ele executará o bloco de código colocado dentro dele. Caso contrário, não entrará no corpo. No entanto, devemos manter isso em mente. Ter uma condição errada ou não ter condição pode fazer o loop funcionar para sempre e, eventualmente, travar seu navegador ou seu editor de código.
Sintaxe do While Loop
A sintaxe de While Loop em JavaScript é como:
enquanto (condição)Trabalhando de while loop
Para entender o funcionamento do loop while, podemos dar uma olhada no fluxograma abaixo:
Exemplo
Vamos dar um exemplo em que você deseja imprimir do número 1 para o número 10. Fazendo da maneira tradicional, teremos que usar 10 declarações para executar esta tarefa. As declarações seriam algo assim:
console.log (1);A saída é mostrada no trecho abaixo:
Escrever 10 linhas para imprimir 10 números pode não parecer muito importante. No entanto, imagine se você recebesse uma tarefa para imprimir mil números, seria uma tarefa realmente grande. Vamos dar uma olhada em como podemos fazer isso usando Enquanto loop:
O trecho de código é tão
i = 1;A saída é como:
Realizamos esta tarefa usando apenas 5 linhas. Mesmo se quiséssemos imprimir os primeiros mil números, teríamos que usar essas 5 linhas exatas e alterar a condição para:
enquanto eu <= 1000)Agora, temos uma melhor compreensão de como o loop do tempo funciona, mas ainda não encontramos uma base sobre a qual a diferenciaremos do Loop do-while. Então, para isso vamos tentar fazer um código que falhe na condição na primeira tentativa. Assim:
valor = false;Este programa não fornece nenhuma saída para o console, porque quando o loop do while verifica a condição e decide que a condição é falsa, portanto, não há necessidade de entrar no corpo do loop, é por isso que a linha dentro do loop não é executado e a linha fora do loop é executada. Bem assim:
É isso para o enquanto Loop, temos uma compreensão clara do trabalho do while loop agora.
O loop do-while
O Fazer enquanto Loop é muito semelhante ao Enquanto Loop com a única diferença é que ele primeiro executa o corpo do loop uma vez e depois verifica a condição para mais iterações do loop.
Ter uma condição errada ou um valor booleano Verdadeiro No parâmetro de condição, pode fazer com que o loop funcione para sempre e trava seu sistema.
Sintaxe do loop do do-while
A sintaxe do Fazer enquanto O loop é como:
fazerTrabalhando do loop do dado-while
Para entender melhor o funcionamento do loop de fazer-while, vamos olhar para um fluxograma.
Exemplo
Vamos dar o mesmo exemplo de imprimir os 10 primeiros números, mas desta vez faremos isso usando o Fazer enquanto laço.
O trecho de código é dado abaixo:
i = 1;A saída é:
O trabalho é, como você pode ver, bem parecido com o loop enquanto. Mas, vamos diferenciar entre os dois loops, tentando realizar o exemplo que fizemos na seção de um loop com uma condição que é sempre falsa:
valor = false;A saída é como:
Como você pode ver, estamos executando o comando que estava presente dentro do corpo do loop, mesmo que a condição nunca fosse verdadeira. Isso é por causa da razão pela qual o loop do Do-While executa o corpo do primeiro e depois verifica a condição, o que significa que o código ou as instruções dentro do corpo são executadas uma vez, independentemente da condição que retorne.
Conclusão
O enquanto e Fazer enquanto Loops são essenciais para qualquer linguagem de programação, mas a diferenciação entre eles pode ser um pouco confusa. Aprendemos como esses dois loops funcionam em JavaScript, sua sintaxe e suas diferenças. Com isso, esperamos que você possa usar esses conceitos e desenvolver seu aplicativo de sonho em javascript.