JavaScript

1
JavaScript

• Lezione 7
• Strutture di controlloIl ciclo

2
Il ciclo

• Il ciclo (anche ripetizione, iterazione, loop) è
  la struttura di controllo che permette di
  eseguire più volte una porzione di istruzioni,
  fino a che una condizione risulta soddisfatta.
• Ogni passaggio attraverso il ciclo è detto
  iterazione.
• Occorre ovviamente fare in modo che le iterazioni
  di un ciclo siano in numero finito, altrimenti
  vengono eseguite indefinitamente (o almeno fino a
  che il sistema non si blocca).

3
I due tipi di ciclo

• JavaScript, come tutti i linguaggi di
  programmazione, ha più strutture di ciclo.
• Le due fondamentali gestiscono ognuna delle
  seguenti situazioni
• sappiamo quante volte ripetere le istruzioni
  (ciclo for)
• non sappiamo quante volte ripetere le istruzioni,
  ma sappiamo che debbono essere ripetute finché
  una certa condizione è vera (ciclo while,
  condizione che controlla il ciclo all'inizio)

4
Esempi

• Esempio del primo tipoScrivere la tabellina del
  9, da 9 a 90 bisogna far moltiplicare per 10
  volte il 9 per un numero da 1 a 10 e far scrivere
  i 10 risultati.
• Esempio del secondo tipo L'utente deve fare il
  login, inserendo username e password per farsi
  riconoscere e il sistema accetta fino ad un
  massimo di tre tentativi. L'utente può inserire
  username e password correttamente al primo, al
  secondo, al terzo tentativo o in nessuno di
  questi. Non si sa quindi quante volte
  l'istruzione deve essere ripetuta.

5
Ciclo for

• Il ciclo for viene utilizzato quando si vuol
  ripetere delle istruzioni un determinato numero
  di volte.
• Il ciclo for utilizza una variabile contatore e
  ha tre fasi
• inizializzazione la variabile che controlla il
  ciclo viene inizializzata
• test di controllo espressione booleana che
  stabilisce quando il ciclo deve terminare
• incremento stabilisce come la variabile che
  controlla il ciclo deve essere incrementata

6
Sintassi JS del ciclo for

• La sintassi di un ciclo for è la seguente
• for (inizializza test incremento)
• istruzioni da ripetere
• Note
• se il test è inizialmente falso le istruzioni del
  ciclo non vengono eseguite neppure una volta.
• Se il test è sempre vero, il ciclo diventa
  infinito ed il browser avverte che cè un
  processo che rallenta
• Se listruzione da ripetere è una sola non
  occorrono le parentesi graffe che racchiudono un
  blocco di più istruzioni da eseguire

7
Primi esempi

• 1) Scrive nella pagina per 100 volte la parola
  "ciao"
• for (i1ilt100i) document.write("ciaoltbrgt")
  
• Cosa fa
• Il ciclo, assegna alla variabile i (il contatore)
  il valore iniziale, controlla se i è minore o
  uguale a 10 se vero esegue le istruzioni e
  incrementa i di 1 se falso, esce dal ciclo.
• 2) Scrive nella pagina i numeri da 1 a 10 uno
  sotto l'altro
• for (i1ilt10i) document.write(i"ltbrgt")

8
Esempi particolari

• 3) Listruzione del ciclo non viene eseguita
  neppura una volta
• for (i1igt100i) document.write("ciaoltbrgt")
  
• 4) Ciclo infinito
• for (i1igt0i) document.write(i"ltbrgt")
  Nota Quando facciamo funzionare lo script,
  Internet Explorer, dopo aver scritto parecchi
  numeri interi, mostra una finestradi avviso del
  genere