JavaScript istruzione switch

<JavaScript Dichiarazioni di riferimento

Esempio

Eseguire 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...";
}

Il risultato di testo potrebbe essere:

How you like them apples?

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

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

L'istruzione switch è una parte di JavaScript "Conditional" Le dichiarazioni, che vengono utilizzati per eseguire diverse azioni in base alle condizioni diverse. Utilizzare l'interruttore per selezionare uno dei molti blocchi di codice da eseguire. Questa è la soluzione perfetta per lungo tempo, annidati if / else dichiarazioni.

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

L'istruzione switch è spesso usato insieme ad una pausa o una parola chiave di default (or both) . Questi sono entrambi opzionali:

La parola chiave rottura scoppia del blocco dell'interruttore. Questo fermerà l'esecuzione di più esecuzione di codice e / o test caso all'interno del blocco. Se l'interruzione è omesso, il blocco di codice seguente nella dichiarazione switch viene eseguita.

La parola chiave predefinita specifica del codice da eseguire se non c'è nessun caso partita. Ci può essere solo una parola chiave predefinita in uno switch. Anche se questo è opzionale, si consiglia di utilizzare, come si prende cura dei casi imprevisti.

Supporto browser

dichiarazione
switch	sì	sì	sì	sì	sì

Sintassi

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

valori dei parametri

Parametro	Descrizione
expression	Necessario. Specifica un'espressione da valutare. L'espressione viene valutata una volta. Il valore dell'espressione viene confrontato con i valori di ciascun caso le etichette nella struttura. Se c'è una corrispondenza, viene eseguito il blocco associato di codice

Dettagli tecnici

Versione JavaScript:	1.2

Altri esempi

Esempio

Utilizzare il numero della settimana di oggi per calcolare il nome del giorno (Domenica = 0, Lunedi = 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";
}

Il risultato della giornata sarà:

Prova tu stesso "

Esempio

Se oggi non è né Sabato né Domenica, scrivere 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";
}

Il risultato di testo sarà:

Prova tu stesso "

Esempio

A volte si vuole casi differenti per usare lo stesso codice, o cadere-through per un default comune.

Si noti che in questo esempio, i casi condividono lo stesso blocco di codice, e che il caso di default non deve essere l'ultimo caso in un blocco interruttore (tuttavia, se di default non è l'ultimo caso nel campo di controllo, ricordarsi di farla finita 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";
}

Prova tu stesso "

Esempio

Utilizzando switch per eseguire un blocco di codice in base all'input dell'utente, da un dialogo di richiesta:

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..";
}

Prova tu stesso "