JavaScript - While Loops
Ao escrever um programa, você pode se deparar com uma situação em que precisará executar uma ação repetidamente. Em tais situações, você precisaria escrever instruções de loop para reduzir o número de linhas.
JavaScript oferece suporte a todos os loops necessários para aliviar a pressão da programação.
The while Loop
O loop mais básico em JavaScript é o whileloop que será discutido neste capítulo. O propósito de umwhile loop é executar uma instrução ou bloco de código repetidamente, desde que um expressioné verdade. Uma vez que a expressão se tornafalse, o loop termina.
Fluxograma
O fluxograma de while loop parece o seguinte -
Sintaxe
A sintaxe de while loop em JavaScript é o seguinte -
while (expression) {
Statement(s) to be executed if expression is true
}Exemplo
Experimente o seguinte exemplo para implementar o loop while.
<html>
<body>
<script type = "text/javascript">
<!--
var count = 0;
document.write("Starting Loop ");
while (count < 10) {
document.write("Current Count : " + count + "<br />");
count++;
}
document.write("Loop stopped!");
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>Resultado
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!
Set the variable to different value and then try...O fazer ... while Loop
o do...while loop é semelhante ao whileloop, exceto que a verificação de condição ocorre no final do loop. Isso significa que o loop sempre será executado pelo menos uma vez, mesmo se a condição forfalse.
Fluxograma
O fluxograma de um do-while loop seria o seguinte -
Sintaxe
A sintaxe para do-while loop em JavaScript é o seguinte -
do {
Statement(s) to be executed;
} while (expression);Note - Não perca o ponto-e-vírgula usado no final do do...while ciclo.
Exemplo
Experimente o seguinte exemplo para aprender como implementar um do-while loop em JavaScript.
<html>
<body>
<script type = "text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
do {
document.write("Current Count : " + count + "<br />");
count++;
}
while (count < 5);
document.write ("Loop stopped!");
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>Resultado
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Loop Stopped!
Set the variable to different value and then try...