Le Istruzioni Condizionali sono utlizzate per eseguire azioni diverse in base a diverse condizioni.


Istruzioni Condizionali

Le istruzioni condizionali servono ad eseguire del codice in base ad una condizione.
Le condizioni sono valutate a partire da una espressione booleana che può restituire come valore "true" o "false"

In JavaScript abbiamo tre diversi tipi di istruzione condizionale.

• if
• if...else
• switch

Vediamole nel dettaglio

If

Conviene utilizzare if se si vuole che un’azione venga eseguita se una condizione è vera.
La condizione può essere una espressione booleana. Se la condizione restituisce true come valore, viene eseguito il blocco di istruzioni, altrimenti non viene eseguito alcun codice.

Sintassi

if (condizione)
{
  codice da eseguire se la condizione è vera;
}

Esempio

<script type="text/javascript">
<!--
var x = 1;
var y = 2;
if (x < y)
{
  alert("y è più grande");
}
-->
</script>

If...else

Se si vuole che un’azione venga eseguita se una condizione è vera, ed un’altra se la condizione è falsa, occorre utilizzare l’istruzione if..else.
Il blocco di istruzioni dopo l'else saranno eseguite qualora la condizione dovesse risultare falsa.

Sintassi

if (condizione)
{
  codice da eseguire se la condizione è vera;
}
else
{
  codice da eseguire se la condizione è falsa;
}

Esempio

<script type="text/javascript">
<!--
var x = 1;
var y = 1;
if (x < y)
{
  alert("y è più grande");
}
else
{
  alert("y non è più grande");
}
-->
</script>

Possiamo combinare più istruzione if..else per necessità particolari nel seguente modo:

if (condizione1)
{
  codice da eseguire se la prima condizione è vera;
}
else if (condizione2)
{
  codice da eseguire se la seconda condizione è vera ;
}
else
{
  codice da eseguire se le due condizioni sono false;
}

Switch

Utilizzare questa istruzione se si vuole confrontare una espressione con una serie di valori.
Abbiamo una espressione (spesso una variabile) che viene valutata una volta, il valore dell’espressione viene confrontato con ciasun valore dei case della struttura, se c’è una corrispondenza, il blocco di codice associato viene eseguito. Utilizzate break per fare in modo che venga eseguito il codice del prossimo blocco case.

Sintassi

switch (espressione)
{
  case label1:
    codice da eseguire se espressione = label1
    break
  case label2:
  codice da eseguire se espressione = label2
    break
  case label3:
    codice da eseguire se espressione = label3
    break
  default:
    codice da eseguire se espressione è diversa da ciascun case
}

Esempio

<script type="text/javascript">
<!--
var data = new Date()
oggi = data.getDay()
switch ( oggi )
{
  case 0:
    document.write("Oggi è domenica")
    break
  case 1:
    document.write("Oggi è lunedì")
    break
  case 2:
    document.write("Oggi è martedì")
    break
  case 3:
    document.write("Oggi è mercoledì")
    break
  case 4:
    document.write("Oggi è giovedì")
    break
  case 5:
    document.write("Oggi è Venerdì")
    break
  case 6:
    document.write("Oggi è Sabato")
    break
  default:
    document.write("mmm... non dovresti essere qui")
}
-->
</script>

Operatore Condizionale

JavaScript contiene anche un operatore condizionale che assegna un valore ad una variabile in base a delle condizioni.

Sintassi

nomeVariabile = (condizione) ? valore1: valore2

Esempio

<script type="text/javascript">
<!--
var Max = (x > y) ? "Primo" : "Secondo"
-->
</script>