lunedì 3 luglio 2017

Come fare un ciclo FOR in Javascript

Breve lezione su come fare un ciclo for in javascript, il linguaggio di programmazione per il web.
Saper usare i cicli è sicuramente una nozione basilare da dover imparare per poter sviluppare pagine internet interattive.

Vediamo dunque come utilizzare il javascript per creare un loop con durata prestabilita da noi, ed anche come interrompere prima un ciclo.


Come fare un ciclo FOR in Javascript


Per poter utilizzare i cicli in javascript, ed in particolare il ciclo for, basta utilizzare la seguente sintassi:

for (i=numero; i<numero; i++)
{
    // istruzioni da eseguire;
}

Dove i è una variabile a cui viene associato un numero iniziale, che poi andrà valorizzata in automatico di un unità ad ogni giro del ciclo, fino al compimento della condizione, che in questo caso equivale al controllo che la variabile i sia minore di uno specifico numero.

Ecco un esempio funzionante per farvi capire come funziona il ciclo for in javascript:

<script type="text/javascript">
for (i=1; i<=10; i++)
{
   alert(i);
}
</script>


Mettendo questo breve script in una pagina html ed aprendola, riceverete 10 alert a video, che vanno da 1 a 10.

E se volessimo uscire da un ciclo for prima della sua fine?
Semplice, o si forza la valorizzazione della variabile i al valore massimo consentito dal ciclo, magari al raggiungimento di un'altra condizione, così:
if(condizione2=='soddisfatta') i=10;

Oppure, si può utilizzare il comando:
break;

Ecco un esempio pratico in cui faccio uscire dal ciclo dopo l'alert numero 5:

<script type="text/javascript">
for (i=1; i<=10; i++)
{
   alert(i);
   if(i==5) break;
}
</script>


E con i cicli for javascript, passo e chiudo!

Piaciuto l'articolo? Lascia un commento!

EmoticonEmoticon