Come funzionano else ed else if



Abbiamo visto che è possibile fare eseguire un'azione se una condizione è vera. Ma se volessimo far eseguire un'altra azione nel caso in cui la condizione sia falsa?

Possiamo allora impostare un programma di questo tipo:

  • se una determinata condizione è verificata...
    fai questo
  • in tutti gli altri casi...
    fai quest'altro

Possiamo esprimere graficamente questo concetto con i diagrammi di flusso:

Figura 1. Diagramma di flusso II
Diagramma di flusso II

e traducendolo in codice JavaScript:

if (condizione) {
// istruzione 1
}

else {
// istruzione 2
}

Ad esempio:

x = 9;

if (x < 7) {
  alert("x è minore di 7");
}

else {
  alert("x non è minore di 7");
}

Con una sintassi analoga si possono anche verificare l'esistenza di diverse condizioni. Si tratta di impostare un programma di questo genere:

  • se si verifica questa condizione...
    fai questo
  • altrimenti, se si verifica quest'altra condizione...
    fai quest'altro
  • in tutti gli altri casi...
    fai quest'altro

che graficamente si può rappresentare così:

Figura 2. Diagramma di flusso III
Diagramma di flusso III

Per esprimere l'else if, JavaScipt prevede una sintassi di questo genere:

if (prima condizione) {
  //istruzioni

}

else if (seconda condizione) {
  //istruzioni
}

else {
  //istruzioni
}

Ed ecco un esempio:

nome="Gianni";

if (nome=="Mario") {
  alert("ciao Mario");
}

else if (nome=="Gianni") {
  alert("ciao Gianni");
}

else {
  prompt ("identificati","inserisci il tuo nome");
}

È possibile anche introdurre più di un else if all'interno dello stesso blocco di codice; è dunque possibile verificare quante condizioni si desidera.

Ultimi articoli JavaScript

PhantomJS, headless browser per test con Javascript

Il tool ideale per realizzare, da terminale, operazioni in remoto su...

Creare e leggere QR Code in JavaScript

Applicazioni 'QR Code enabled' per il Web e per il mobile,...

Jquery UI Map: web-mapping con Google Maps e jQuery

Un plugin di jQuery UI per intefacciare applicaizoni Web/mobile con...

Scrollorama e Scrolldeck, slideshow d'effetto con jQuery

Plugin jQuery per ottenere Slideshow con diversi effetti di scrolling

jCanvas, un primo semplice grafico

Alla scoperta della libreria jCanvas, per semplificare il disegno e...

Altri articoli

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida Javascript: tecniche avanzate

Una guida dal taglio pratico per approfondire la programmazione a...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti