Condizioni in JavaScript: le istruzioni if, else e switch

Le condizioni in JavaScript servono a eseguire del codice solo quando una certa condizione è verificata. Ti permettono di scrivere programmi più complessi e di prendere decisioni a partire dai dati in ingresso. In questo capitolo vediamo le istruzioni if e switch, le strutture di controllo di flusso più usate in JavaScript.

L’istruzione if

L’istruzione if di JavaScript esegue del codice soltanto se una data condizione è soddisfatta. Ecco un esempio d’uso dell’istruzione if:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
}

In questo esempio il codice tra le graffe viene eseguito solo se la condizione «a > 10» è vera. Se la condizione è falsa, il codice non viene eseguito e il programma passa all’istruzione successiva.

Puoi anche usare l’istruzione else per eseguire del codice quando la condizione non è soddisfatta:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else {
  console.log('a est inférieur ou égal à 10');
}

Se la condizione «a > 10» è vera, viene mostrato il messaggio «a est supérieur à 10». Se la condizione è falsa, al suo posto compare «a est inférieur ou égal à 10».

Puoi anche ricorrere all’istruzione else if per verificare più condizioni in sequenza:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else if (a == 10) {
  console.log('a est égal à 10');
} else {
  console.log('a est inférieur à 10');
}

Se la prima condizione «a > 10» è vera, viene mostrato il messaggio «a est supérieur à 10». Se la prima condizione è falsa e la seconda «a == 10» è vera, compare «a est égal à 10». Se nessuna delle condizioni è soddisfatta, viene mostrato «a est inférieur à 10».

L’istruzione switch

L’istruzione switch di JavaScript esegue del codice in base al valore di una variabile. Torna utile quando devi confrontare una variabile con diversi valori possibili. Ecco un esempio d’uso dell’istruzione switch:

let a = 'rouge';

switch (a) {
  case 'bleu':
    console.log('a est bleu');
    break;
  case 'vert':
    console.log('a est vert');
    break;
  case 'rouge':
    console.log('a est rouge');
    break;
  default:
    console.log("a n'est ni bleu, ni vert, ni rouge");
}

Il valore della variabile «a» viene confrontato con ogni «case» dell’istruzione switch. Se il valore di «a» corrisponde a uno dei «case», viene eseguito il codice associato. Se nessun «case» corrisponde al valore di «a», viene eseguito il codice associato al «default».

let a = 'jaune';

switch (a) {
  case 'bleu':
  case 'vert':
  case 'rouge':
    console.log('a est une couleur primaire');
    break;
  case 'jaune':
  case 'orange':
  case 'violet':
    console.log('a est une couleur secondaire');
    break;
  default:
    console.log("a n'est ni une couleur primaire, ni une couleur secondaire");
}

Se il valore di «a» è «bleu», «vert» o «rouge», viene mostrato il messaggio «a est une couleur primaire». Se il valore di «a» è «jaune», «orange» o «violet», compare «a est une couleur secondaire». Se nessun «case» corrisponde al valore di «a», viene mostrato «a n’est ni une couleur primaire, ni une couleur secondaire».

Conclusione

In questo capitolo abbiamo visto come usare le istruzioni if e switch per eseguire del codice in base a condizioni o a valori precisi. Sono istruzioni indispensabili per costruire programmi più complessi in JavaScript. Allenati con calma su questi costrutti: è il modo più rapido per migliorare in JavaScript.