For, While e Do While LOOP em JavaScript (com exemplo)
James Hartmann
Como usar o Loop?
Os loops são úteis quando você precisa executar as mesmas linhas de código repetidamente, por um número específico de vezes ou enquanto uma condição específica for verdadeira. Suponha que você queira digitar uma mensagem 'Olá' 100 vezes em sua página da web. Claro, você terá que copiar e colar a mesma linha 100 vezes. Em vez disso, se você usar loops, poderá concluir esta tarefa em apenas 3 ou 4 linhas.
Diferentes tipos de loops
Existem basicamente quatro tipos de loops em JavaScript.
- para laço
- for/em um loop (explicado mais tarde)
- loop while
- fazer ... loop while
para laço
Sintaxe:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- A instrução1 é executada primeiro, mesmo antes de executar o código em loop. Portanto, esta instrução normalmente é usada para atribuir valores às variáveis que serão utilizadas dentro do loop.
- A instrução2 é a condição para executar o loop.
- A instrução3 é executada sempre após a execução do código de loop.
Tente isso você mesmo:
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br />");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br />");
}
</script>
</head>
<body>
</body>
</html>
loop while
Sintaxe:
while(condition)
{
lines of code to be executed
}
O “loop while” é executado enquanto a condição especificada for verdadeira. Dentro do loop while, você deve incluir a instrução que encerrará o loop em algum momento. Caso contrário, seu loop nunca terminará e seu navegador poderá travar.
Tente isso você mesmo:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using while loops </b><br />");
var i = 0, j = 1, k;
document.write("Fibonacci series less than 40<br />");
while(i<40)
{
document.write(i + "<br />");
k = i+j;
i = j;
j = k;
}
</script>
</head>
<body>
</body>
</html>
fazer ... loop while
Sintaxe:
do
{
block of code to be executed
} while (condition)
O loop do…while é muito semelhante ao loop while. A única diferença é que no loop do…while, o bloco de código é executado uma vez antes mesmo de verificar a condição.
Tente isso você mesmo:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using do...while loops </b><br />");
var i = 2;
document.write("Even numbers less than 20<br />");
do
{
document.write(i + "<br />");
i = i + 2;
}while(i<20)
</script>
</head>
<body>
</body>
</html>
