For, While e Do While LOOP in JavaScript (con esempio)
James Hartmann
Come utilizzare Loop?
I cicli sono utili quando devi eseguire ripetutamente le stesse righe di codice, per un numero specifico di volte o finché una condizione specifica è vera. Supponiamo che tu voglia digitare un messaggio "Ciao" 100 volte nella tua pagina web. Ovviamente dovrai copiare e incollare la stessa riga 100 volte. Se invece utilizzi i loop, puoi completare questa attività in sole 3 o 4 righe.
Diversi tipi di loop
Esistono principalmente quattro tipi di loop in JavaCopione.
- per loop
- for/in un ciclo (spiegato più avanti)
- mentre il ciclo
- fai... while loop
per loop
Sintassi:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- L'istruzione1 viene eseguita per prima anche prima di eseguire il codice in loop. Quindi, questa istruzione viene normalmente utilizzata per assegnare valori alle variabili che verranno utilizzate all'interno del ciclo.
- L'istruzione2 è la condizione per eseguire il ciclo.
- L'istruzione3 viene eseguita ogni volta dopo l'esecuzione del codice in loop.
Provalo tu stesso:
<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>
mentre il ciclo
Sintassi:
while(condition)
{
lines of code to be executed
}
Il "ciclo while" viene eseguito finché la condizione specificata è vera. All'interno del ciclo while, dovresti includere l'istruzione che terminerà il ciclo a un certo punto. Altrimenti, il ciclo non terminerà mai e il browser potrebbe bloccarsi.
Provalo tu stesso:
<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>
fai... while loop
Sintassi:
do
{
block of code to be executed
} while (condition)
Il ciclo do… while è molto simile al ciclo while. L'unica differenza è che nel ciclo do… while, il blocco di codice viene eseguito una volta anche prima di verificare la condizione.
Provalo tu stesso:
<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>
