JavaScript -Switch- Anweisung
Beispiel
Führen Sie einen Codeblock basierend auf Benutzereingaben aus:
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...";
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die switch-Anweisung führt einen Codeblock in Abhängigkeit von verschiedenen Fällen aus.
Die switch-Anweisung ist ein Teil der "bedingten" Anweisungen von JavaScript, die verwendet werden, um verschiedene Aktionen basierend auf verschiedenen Bedingungen auszuführen. Verwenden Sie den Schalter, um einen von vielen auszuführenden Codeblöcken auszuwählen. Dies ist die perfekte Lösung für lange, verschachtelte if/else- Anweisungen.
Die switch-Anweisung wertet einen Ausdruck aus. Der Wert des Ausdrucks wird dann mit den Werten jedes Falls in der Struktur verglichen. Wenn es eine Übereinstimmung gibt, wird der zugehörige Codeblock ausgeführt.
Die switch-Anweisung wird oft zusammen mit einem break oder einem default-Schlüsselwort (oder beidem) verwendet. Diese sind beide optional:
Das Schlüsselwort break bricht aus dem switch-Block heraus. Dadurch wird die Ausführung weiterer Code- und/oder Falltests innerhalb des Blocks gestoppt. Wenn break weggelassen wird, wird der nächste Codeblock in der switch-Anweisung ausgeführt.
Das Schlüsselwort default gibt einen Code an, der ausgeführt werden soll, wenn keine Groß-/Kleinschreibung vorhanden ist. In einem Schalter kann es nur ein Standardschlüsselwort geben. Obwohl dies optional ist, wird empfohlen, dass Sie es verwenden, da es sich um unerwartete Fälle kümmert.
Syntax
switch(expression) {
case n:
code block
break;
case n:
code block
break;
default:
default code block
}
Parameterwerte
| 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 |
Mehr Beispiele
Beispiel
Verwenden Sie die Zahl des heutigen Wochentags, um den Namen des Wochentags zu berechnen (Sonntag=0, Montag=1, Dienstag=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";
}
Beispiel
Wenn heute weder Samstag noch Sonntag ist, schreiben Sie eine Standardnachricht:
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";
}
Beispiel
Manchmal möchten Sie, dass verschiedene Fälle denselben Code verwenden oder auf einen gemeinsamen Standardwert zurückgreifen.
Beachten Sie, dass sich in diesem Beispiel die Fälle denselben Codeblock teilen und dass der Standardfall nicht der letzte Fall in einem Schalterblock sein muss (wenn Standard jedoch NICHT der letzte Fall in einem Schalterblock ist, denken Sie daran, ihn zu beenden mit Pause).
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";
}
Beispiel
Verwenden der switch-Anweisung zum Ausführen eines Codeblocks basierend auf Benutzereingaben aus einem Eingabeaufforderungsfeld:
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..";
}
Verwandte Seiten
JavaScript-Tutorial: If...Else-Anweisungen in JavaScript
JavaScript-Tutorial: JavaScript-Switch-Anweisung
JavaScript-Referenz: JavaScript-if/else-Anweisung
JavaScript-Referenz: JavaScript break-Anweisung
Browser-Unterstützung
switch ist eine ECMAScript1 (ES1)-Funktion.
ES1 (JavaScript 1997) wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |