Istruzione switch JavaScript

❮ Precedente Dichiarazioni JavaScript Avanti ❯

Esempio

Esegui un blocco di codice in base all'input dell'utente:

var text;
var fruits = document.getElementById("myInput").value;

switch(fruits) {
case "Banana":
    text = "Banana is good!";
    break;
case "Orange":
    text = "I am not a fan of orange.";
    break;
  case "Apple":
    text = "How you like them apples?";
    break;
  default:
    text = "I have never heard of that fruit...";
}

Altri esempi "Provalo da solo" di seguito.

Definizione e utilizzo

L'istruzione switch esegue un blocco di codice a seconda dei casi.

L'istruzione switch fa parte delle istruzioni "condizionali" di JavaScript, che vengono utilizzate per eseguire azioni diverse in base a condizioni diverse. Utilizzare l'interruttore per selezionare uno dei tanti blocchi di codice da eseguire. Questa è la soluzione perfetta per istruzioni if/else lunghe e annidate .

L'istruzione switch valuta un'espressione. Il valore dell'espressione viene quindi confrontato con i valori di ciascun caso nella struttura. Se c'è una corrispondenza, viene eseguito il blocco di codice associato.

L'istruzione switch viene spesso utilizzata insieme a un'interruzione oa una parola chiave predefinita (o entrambe). Questi sono entrambi opzionali:

La parola chiave break esce dal blocco switch. Ciò interromperà l'esecuzione di ulteriori esecuzioni di codice e/o test dei casi all'interno del blocco. Se break viene omesso, viene eseguito il blocco di codice successivo nell'istruzione switch.

La parola chiave predefinita specifica del codice da eseguire se non esiste una corrispondenza tra maiuscole e minuscole. Può esserci solo una parola chiave predefinita in uno switch. Sebbene sia facoltativo, si consiglia di utilizzarlo, poiché si occupa di casi imprevisti.

Sintassi

switch(expression) {
case n:
    code block
    break;
case n:
    code block
    break;
  default:
    default code block
}

Valori dei parametri

Parameter	Description
expression	Required. Specifies an expression to be evaluated. The expression is evaluated once. The value of the expression is compared with the values of each case labels in the structure. If there is a match, the associated block of code is executed

Altri esempi

Esempio

Usa il numero del giorno della settimana di oggi per calcolare il nome del giorno della settimana (domenica=0, lunedì=1, martedì=2, ...):

var day;
switch (new Date().getDay()) {
  case 0:
day = "Sunday";
    break;
  case 1:
day = "Monday";
    break;
  case 2:
  day = "Tuesday";
    break;
case 3:
day = "Wednesday";
    break;
  case 4:
day = "Thursday";
    break;
  case 5:
  day = "Friday";
    break;
  case 6:
  day = "Saturday";
    break;
  default:
    day = "Unknown Day";
}

Esempio

Se oggi non è né sabato né domenica, scrivi un messaggio predefinito:

var text;
switch (new Date().getDay()) {
  case 6:
  text = "Today is Saturday";
    break;
case 0:
    text = "Today is Sunday";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Esempio

A volte vorrai che casi diversi utilizzino lo stesso codice o ricadano su un valore predefinito comune.

Nota che in questo esempio, i casi condividono lo stesso blocco di codice e che il caso predefinito non deve essere l'ultimo caso in un blocco switch (tuttavia, se default NON è l'ultimo caso nel blocco switch, ricorda di terminarlo con una pausa).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default:
    text = "Looking forward to the Weekend";
    break;
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
case 0:
case 6:
    text = "It is Weekend";
}

Esempio

Utilizzo dell'istruzione switch per eseguire un blocco di codice in base all'input dell'utente, da una finestra di dialogo:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Excellent choice! Martini is good for your soul.";
    break;
  case "Daiquiri":
    text = "Daiquiri is my favorite too!";
    break;
  case "Cosmopolitan":
    text = "Really? Are you sure the Cosmopolitan is your favorite?";
    break;
default:
    text = "I have never heard of that one..";
}