Istruzioni condizionali

Scegliere cosa fare in base a una condizione...

If... else

Ecco l'istruzione if in forma di pseudocodice:

Se non serve, l'else può essere omesso:

Un esempio concreto:

 

Else if

Se le possibili scelte fossero più di due dovremmo aggiungere degli else if.
Vediamo un esempio concreto. Per prima cosa creiamo un select box con l'HTML:

Dopodichè gli diamo vita con JavaScript:

Alcune note

Non è necessario specificare esplicitamente '=== true':

Quando scriviamo un if, non è necessario che la condizione sia effettivamente un valore booleano: ogni valore diverso da false/undefined/null/0/NaN/'' viene considerato vero (true). E' così possibile testare direttamente una variabile in questo modo:

If... else nidificati

E' possibile mettere un if dentro a un altro (importante l'indentazione!):

Operatori logici

Volendo testare condizioni multiple è possibile usare:

  • && (AND): l'espressione è vera solo se tutte le singole condizioni sono vere
  • || (OR): l'espressione è versa se almeno una delle condizioni è vera
  • ! (NOT): l'espressione è vera solo se la condizione è falsa

L'esempio visto sopra può essere riscritto così:

Ecco un esempio con l'OR:

Infine un esempio con il NOT:

Switch

Quando bisogna scegliere in base a un valore, farlo con una serie di if/else if sarebbe faticoso. Ecco come farlo con l'istruzione switch:

Riscriviamo l'esempio visto in precedenza:

Operatore ternario

L'operatore ternario viene usato per eseguire del codice in base a una semplice condizione.

La stessa cosa naturalmente si può fare con un if/else, ma per i casi semplici è un'abbreviazione molto comoda:

Studiamo un esempio concreto:

  • JAVASCRIPT

CFP CNOS-FAP DON BOSCO - via XIII Martiri, 86 - 30027 San Donà di Piave (VE) - tel. 0421 338 980 - Organismo di Formazione accreditato dalla Regione del Veneto