English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript switch语句

 JavaScript Anweisungen und Variablen-Deklarationen

switch语句是JavaScript的条件语句之一,用于在不同条件下执行不同的动作。

switch语句对表达式求值,将表达式的值与case子句匹配,并执行与该case关联的语句,以及在匹配case之后的语句。

与每个case标签关联的break语句可确保一旦执行了匹配的语句,程序便会退出switch,并在switch之后的语句处继续执行。如果省略break,程序将在switch语句的下一个语句处继续执行。

default语句指定如果没有匹配的情况下,默认运行的一些代码。switch中只能有一个默认语句。尽管这是可选的,但建议您使用它,因为它可以处理意料之外的情况。

使用switch选择要执行的一系列代码块之一。这是长嵌套if ... else语句的完美解决方案。

语法:

switch (expression) {
  case value1:   //Während der Ausführung der Anweisung
   //Ergebnis des Ausdrucksmatching value1
   break;
  case value2:   //Während der Ausführung der Anweisung
   //Ergebnis des Ausdrucksmatching value2
   break;
  ...
  case valueN:   //Während der Ausführung der Anweisung
   //Ergebnis der Ausdrucksmatching valueN
   break;
  default:   //Anweisung, die bei keiner der obigen Bedingungen ausgeführt wird
   //Diese Werte stimmen mit dem Wert des Ausdrucks überein
   }
var city = document.querySelector("input").value;
var text;
switch (city) {
   case "Jaipur":
   text = "Jaipur ist bekannt als die Rosa Stadt";
   break;
   case "Bengaluru":
   text = "Bengaluru ist bekannt als die IT-Stadt";
   break;
   case "Kerala": 
   text = "Kerala God";39; mein eigenes Land";
   break;
   default:
   text = "Ich habe von dieser Stadt noch nie gehört...";
}
Testen Sie es heraus‹/›

Browser-Kompatibilität

Alle Browser unterstützen den switch-Befehl vollständig:

Anweisung
switchististististist

Parameterwert

ParameterBeschreibung
expressionEin Ausdruck, dessen Ergebnis mit jeder case-Zeile übereinstimmt.
case valueNcase-Zeile zur Übereinstimmung mit dem Ausdruck. Wenn der Ausdruck mit dem angegebenen valueN übereinstimmt, werden die Anweisungen in der case-Zeile ausgeführt, bis zum Ende des switch-Befehls oder break.
default(Optional) Standardbedingung; wird ausgeführt, wenn der Wert von expression mit keiner der case-Unterschriften übereinstimmt.

Technische Details

JavaScript-Version:ECMAScript 1

Mehr Beispiele

Verwenden Sie die Wochentagsnummer, um den Namen des Arbeitstags zu berechnen (Sonntag = 0, Montag = 1, ...): 1...):

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 = "Undefined Day";
}
Testen Sie es heraus‹/›

Wenn Sie break vergessen, beginnt das Skript mit der Ausführung von Situationen, die den Bedingungen entsprechen, und führt dann Situationen aus, die den Bedingungen entsprechen:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1Der von Ihnen eingegebene Nummer ist 1";
   case 2Der von Ihnen eingegebene Nummer ist 2";
   case 3Der von Ihnen eingegebene Nummer ist 3";
   case 4Der von Ihnen eingegebene Nummer ist 4";
   case 5Der von Ihnen eingegebene Nummer ist 5";
   default: text = "Default statement executed";
}
Testen Sie es heraus‹/›

Manchmal möchten Sie, dass verschiedene Bedingungen denselben Code verwenden oder allgemeinen Code verwenden.

Dies ist ein Beispiel für einen switch-Ausdruck mit einer einzigen Operation, bei dem die Aktionen für vier verschiedene Werte vollständig gleich sind:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1:
   case 2:
   case 3:
   case 4:
  text = "Die von Ihnen eingegebene Nummer liegt zwischen" 1 - 4";
  break;
   case 5:
   case 6:
   case 7:
   case 8:
  text = "Die von Ihnen eingegebene Nummer liegt zwischen" 5 - 8";
  break; 
   default: text = "Standardanweisung wird ausgeführt";
}
Testen Sie es heraus‹/›

Verwandte Referenzen

JavaScript教程:JavaScript If ... Else-Anweisung

JavaScript教程:JavaScript switch

JavaScript Referenz:JavaScript break-Anweisung

 JavaScript Anweisungen und Variablen-Deklarationen