<JavaScript - Anweisungen Referenz
Beispiel
Ausführen eines Codeblock basierend auf der Benutzereingabe:
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...";
}Das Ergebnis des Textes könnte sein:
How you like them apples? Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der Schalter Anweisung führt einen Codeblock auf verschiedenen Fällen variieren.
Die switch - Anweisung ist ein Teil von JavaScript "Conditional" Aussagen, die verschiedene Aktionen auf der Basis verschiedener Bedingungen erfüllen werden verwendet , um. Verwenden Sie Schalter eine von vielen Codeblöcke zur Auswahl ausgeführt werden. Dies ist die perfekte Lösung für lange, verschachtelte if / else - Anweisungen.
Die switch-Anweisung wertet einen Ausdruck. Der Wert des Ausdrucks wird dann mit den Werten des jeweils in der Struktur verglichen. Wenn eine Übereinstimmung vorhanden ist, wird der zugehörige Code-Block ausgeführt.
Die switch - Anweisung wird oft zusammen mit einer Pause oder einem Standard - Schlüsselwort verwendet (or both) . Diese sind beide optional:
Das Schlüsselwort break bricht aus dem Schalterblock. Dadurch wird die Ausführung von mehr Ausführung von Code und / oder Fallprüfungen innerhalb des Blocks zu stoppen. Wenn Pause weggelassen wird, wird der nächste Codeblock in der switch-Anweisung ausgeführt.
Der Standard Schlüsselwort gibt einige Code ausgeführt werden, wenn es keinen Fall Übereinstimmung vorhanden ist. Es kann nur ein Standard-Schlüsselwort in einem Schalter sein. Obwohl dies optional ist, wird empfohlen, dass Sie es verwenden, da es Pflege von unerwarteten Fällen nimmt.
Browser-Unterstützung
| Erklärung | |||||
|---|---|---|---|---|---|
| switch | Ja | Ja | Ja | Ja | Ja |
Syntax
switch( expression ) {
case n :
code block
break;
case n :
code block
break;
default:
default code block
}Parameterwerte
| Parameter | Beschreibung |
|---|---|
| expression | Erforderlich. Gibt einen Ausdruck ausgewertet werden. Der Ausdruck wird einmal ausgewertet. Der Wert des Ausdrucks ist mit den Werten der jeweils Etiketten in der Struktur verglichen. Wenn eine Übereinstimmung vorhanden ist, wird der zugehörige Code-Block ausgeführt |
Technische Details
| JavaScript Version: | 1.2 |
|---|
Mehr Beispiele
Beispiel
Verwenden Sie den heutigen Tag Nummer Wochentag (Sonntag = 0, Montag = 1, Dienstag = 2, ...) zu berechnen:
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";
}Das Ergebnis des Tages wird sein:
Versuch es selber " Beispiel
Wenn heute weder Samstag noch Sonntag ist, schreiben Sie eine Standardmeldung:
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";
}
Das Ergebnis des Textes lautet:
Versuch es selber " Beispiel
Manchmal werden Sie verschiedene Fälle wollen den gleichen Code verwenden, oder Durchfall auf einen gemeinsamen Standard.
Beachten Sie, dass in diesem Beispiel die Fälle den gleichen Code - Block teilen, und dass der Standardfall muss nicht der letzte Fall in einem Schaltblock (jedoch sein, wenn standardmäßig nicht der letzte Fall in dem Schalterblock ist, denken Sie daran , es zu beenden mit einer 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";
}
Versuch es selber " Beispiel
Unter Verwendung der switch-Anweisung einen Block von Code auszuführen, basierend auf Benutzereingabe von einem Promptbox:
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..";
} Versuch es selber " Verwandte Seiten
JavaScript Tutorial: JavaScript If ... Else - Anweisungen
JavaScript Tutorial: JavaScript Switch - Anweisung
JavaScript Referenz: JavaScript if / else - Anweisung
JavaScript Referenz: JavaScript break - Anweisung
<JavaScript - Anweisungen Referenz