6. Unterrichtsblock

JavaScript Switch

Die switch-Anweisung wird verwendet, um verschiedene Aktionen basierend auf verschiedenen Bedingungen auszuführen.

Unterschied zu if – else

Die switch-Anweisung kann gegen bedingte Anweisungen mit if / else ausgetauscht werden. Wenn mehr als zwei oder drei Alternativen bestehen, ist die switch-Anweisung einfacher in der Handhabung und auch effizienter, da sie die Bedingung nicht für jede Option testen muss.

Anwendung

Verwendet wird die switch-Anweisung, um einen von vielen auszuführenden Codeblöcken auszuwählen.

// SYNTAX
switch(expression) {
  case x:
    // Code block
    break;
  case y:
    // Code Block
    break;
  default:
    // Code Block
} 

So funktioniert es:

• Die switch-Expression wird einmal ausgewertet.
• Der Wert der Espression wird mit den Werten jedes Falls (case) verglichen.
• Wenn es eine Übereinstimmung gibt, wird der zugehörige Codeblock ausgeführt.
• Wenn es keine Übereinstimmung gibt, wird der Standardcodeblock (default) ausgeführt.

Beispiel:

Die Methode getDay() gibt den Wochentag als Zahl zwischen 0 und 6 zurück. (Sonntag=0, Montag=1, Dienstag=2 ..)

Dieses Beispiel verwendet die Wochentagsnummer, um den Wochentagsnamen zu berechnen:

switch (new Date().getDay()) {
  case 0:
    tag = "Sonntag";
    break;
  case 1:
    tag = "Montag";
    break;
  case 2:
     tag = "Dienstag";
    break;
  case 3:
    tag = "Mittwoch";
    break;
  case 4:
    tag = "Donnerstag";
    break;
  case 5:
    tag = "Freitag";
    break;
  case 6:
    tag = "Samstag";
}

Ergebnis:

Das break-Schlüsselwort

Wenn JavaScript ein break-Schlüsselwort erreicht, bricht es aus dem aktuellen switch-Block aus. Dadurch wird die Ausführung innerhalb des switch-Blocks gestoppt.

Es ist nicht erforderlich, den letzten Fall in einem switch-Block zu unterbrechen. Dort bricht (endet) der Block sowieso.

Hinweis: Wenn die break-Anweisung weggelassen wird, wird der nächste Fall ausgeführt, auch wenn die Auswertung nicht mit dem Fall übereinstimmt.

Das default-Schlüsselwort

Das default-Schlüsselwort gibt den Code an, der ausgeführt werden soll, wenn keiner der vorhandenen Fälle zutrifft:

switch (new Date().getDay()) {
  case 5:
    text = "Heute ist Freitag 🍻";
    break;
  case 6:
    text = "Heute ist Samstag 🥳";
    break;
  case 0:
    text = "Heute ist Sonntag 😴";
    break;
  default:
    text = "Warte auf Wochenende 😭";
}

Status:

Merke: Der default-Block muss nicht zwingend der letzte Block in der Kette von Fällen sein. Wenn er der default-Block jedoch nicht der letzte Block ist, muss er mit einem break beendet werden.

Gemeinsame Blöcke

Manchmal möchte man, dass verschiedene switch-Fälle denselben Code verwenden. In diesem Beispiel teilen sich 3 und 4 denselben Codeblock und 0, 6 und 5 teilen sich einen anderen Codeblock:

switch (new Date().getDay()) {
  default:
    text = "Warte auf Wochenende 😭";  
    break;
  case 3:
  case 4:
    text = "Bald ist Wochenende";
    break;
  case 0:
  case 6:
  case 5:
    text = "Hoch die Hände - Wochenende! 🥳";
}

Reihenfolge in der Verarbeitung

• Wenn mehrere Fälle mit einem Fallwert übereinstimmen, wird der erste Fall ausgewählt.
• Wenn keine übereinstimmenden Fälle gefunden werden, fährt das Programm mit dem default-Block fort.
• Wenn kein default-Wert gefunden wird, fährt das Programm mit der/den Anweisung(en) nach switch fort.

Strikter Vergleich

switch-Fälle verwenden den strikten Vergleich (===). Die Werte müssen vom gleichen Typ sein, um übereinstimmen zu können. Ein strenger Vergleich kann nur true sein, wenn die Operanden vom gleichen Typ sind. In diesem Beispiel gibt es keine Übereinstimmung für x:

let x = "0";
switch (x) {
  case 0:
    text = "Aus";
    break;
  case 1:
    text = "An";
    break;
  default:
    text = "Kein Wert verfügbar";
}