Estratto di switch JavaScript

　Esercizi e dichiarazioni variabili JavaScript

switchLe istruzioni sono una parte diIstruzione condizionaleuno, utilizzato per eseguire azioni diverse in condizioni diverse.

switchL'istruzione calcola il valore dell'espressione, confronta il valore con le clausole case e esegue le istruzioni associate al case, nonché le istruzioni successive al case corrispondente.

Corrisponde a ogni etichetta casebreakL'istruzione garantisce che il programma esca dallo switch e continui a eseguire le istruzioni successive dopo lo switch. Se si omette break, il programma continuerà a eseguire la prossima istruzione dello switch.

defaultL'istruzione specifica alcuni codici che vengono eseguiti in caso di mancata corrispondenza. In switch può esserci solo una istruzione di default. Sebbene sia opzionale, è consigliabile utilizzarla perché può gestire situazioni impreviste.

Usa switch per eseguire uno dei molti blocchi di codice. È una soluzione perfetta per lunghe sequenze di if ... else annidati.

Sintassi:

switch (expression) {
　　case value1:　　　//Esegui questa istruzione quando
　　　//Risultato della corrispondenza dell'espressione value1
　　　break;
　　case value2:　　　//Esegui questa istruzione quando
　　　//Risultato della corrispondenza dell'espressione value2
　　　break;
　　...
　　case valueN:　　　//Esegui questa istruzione quando
　　　//Risultato della corrispondenza dell'espressione valueN
　　　break;
　　default:　　　//Esegui questa istruzione se non si verifica alcuna delle precedenti
　　　//Questi valori corrispondono ai valori dell'espressione
　　　}

var city = document.querySelector("input").value;
var text;
switch (city) {
　　　case "Jaipur":
　　　text = "Jaipur è conosciuta come la Città Rosa";
　　　break;
　　　case "Bengaluru":
　　　text = "Bengaluru è conosciuta come la città dell'IT";
　　　break;
　　　case "Kerala":　
　　　text = "Kerala, il Paese di Dio";
　　　break;
　　　default:
　　　text = "Non ho mai sentito parlare di quella città...";
}

Compatibilità dei browser

Tutti i browser supportano completamente lo statement switch:

Valore del parametro

Dettagli tecnici

Più esempi

Calcolare il nome del giorno lavorativo utilizzando il numero di giorno lavorativo (domenica = 0, lunedì = 1, ecc...):

var day;
switch (new Date().getDay()) {
case 0: day = "Domenica";
break;
case 1: day = "Lunedì";
break;
case 2: day = "Martedì";
break;
case 3: day = "Mercoledì";
break;
case 4: day = "Giovedì";
break;
case 5: day = "Venerdì";
break;
case 6: day = "Sabato";
break;
default: day = "Giorno non definito";
}

Se dimentichi di inserire break, lo script partirà dalla situazione che corrisponde alla condizione e continuerà a eseguire le situazioni che soddisfano la condizione:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
　　　case 1: text = "Il numero che hai inserito è 1";
　　　case 2: text = "Il numero che hai inserito è 2";
　　　case 3: text = "Il numero che hai inserito è 3";
　　　case 4: text = "Il numero che hai inserito è 4";
　　　case 5: text = "Il numero che hai inserito è 5";
　　　default: text = "Eseguito lo statement di default";
}

A volte, potresti voler utilizzare lo stesso codice per diverse situazioni, o utilizzare codice universale.

Esempio di switch statement a singola operazione, in cui quattro valori diversi eseguono operazioni identiche:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
　　　case 1:
　　　case 2:
　　　case 3:
　　　case 4:
　　text = "Il numero che hai inserito è tra 1 e 4";
　　break;
　　　case 5:
　　　case 6:
　　　case 7:
　　　case 8:
　　text = "Il numero che hai inserito è tra 5 e 8";
　　break;　
　　　default: text = "Eseguito il comando di default";
}

Riferimenti correlati

Corso JavaScript:Esercizio If ... Else JavaScript

Corso JavaScript:switch JavaScript

Riferimento JavaScript:Esercizio break JavaScript

　Esercizi e dichiarazioni variabili JavaScript