IT-Kurs JavaScript-Grundlagen 041_Verzweigungen if, else, switch

Die bedingten Anweisungen in JavaScript umfassen hauptsächlich if, else if, else und switch.

if-Anweisung

Die if-Anweisung wird verwendet, um basierend auf einer Bedingung zu entscheiden, ob ein bestimmter Codeblock ausgeführt werden soll. Wenn der bedingte Ausdruck in den Klammern if(...) true ist, wird die eine Zeile Anweisung nach if ausgeführt. Wenn Sie mehrere Zeilen Code steuern möchten, können Sie {} verwenden, um die Anweisungen zu umschließen. Es wird empfohlen, bei jeder Verwendung der if-Anweisung Codeblöcke mit geschweiften Klammern {} zu umschließen, auch wenn es nur eine Anweisung gibt, um die Lesbarkeit des Codes zu verbessern. Wenn der bedingte Ausdruck false ist, wird er nicht ausgeführt. Wenn der bedingte Ausdruck nach if kein boolescher Wert ist, wird er zuerst in einen booleschen Wert konvertiert und dann ausgewertet. Die Zahl 0, leere Zeichenfolge "", null, undefined und NaN werden alle in false konvertiert. Andere Werte werden in true konvertiert.

Beispiel:

1
let age = 18;
2
if (age >= 18) console.log('Erwachsener');
3
if (age >= 18) {
4
  console.log('Erwachsener');
5
}

if-else-Anweisung

Die if-else-Anweisung kann verschiedene Codeblöcke basierend auf verschiedenen Bedingungen ausführen. Wenn der Wert des Ausdrucks true ist, wird der Codeblock nach if ausgeführt; andernfalls wird der Codeblock nach else ausgeführt.

Beispiel:

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Erwachsener');
4
} else {
5
  console.log('Minderjähriger');
6
}

else if-Anweisung

Die else if-Anweisung ist eine Erweiterung, die in der if-else-Struktur verwendet wird und es Ihnen ermöglicht, mehrere Bedingungen hinzuzufügen. Die else if-Anweisung wertet die bedingten Ausdrücke nach if von oben nach unten aus, bis eine true-Bedingung erscheint. Wenn eine true-Bedingung erscheint, werden die nachfolgenden Bedingungen nicht mehr ausgewertet. Es ist notwendig, die Reihenfolge der Bedingungen vernünftig zu gestalten oder logische Operationsbedingungen hinzuzufügen.

Beispiel:

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Ausgezeichnet');
4
} else if (score >= 60) { //Versuchen Sie, diese Bedingung an die erste Stelle zu setzen und sehen Sie, was passiert?
5
  console.log('Bestanden');
6
} else {
7
  console.log('Nicht bestanden');
8
}

switch-Anweisung

Die switch-Anweisung kann mehrere if-Urteile ersetzen und basierend auf dem Wert eines Ausdrucks eine Mehrfachverzweigung durchführen. Beim Ausführen der switch-Anweisung wird der Ausdruck nach switch nacheinander mit dem Ausdruck nach case streng gleich verglichen. Wenn das Vergleichsergebnis true ist, führt die switch-Anweisung den entsprechenden Codeblock nach case aus, bis die nächste break-Anweisung erreicht wird (oder bis zum Ende der switch-Anweisung). Wenn es keinen passenden case gibt, wird der default-Codeblock ausgeführt (falls default existiert).

Beispiel:

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Montag');
5
      break;
6
  case 2:
7
      console.log('Dienstag');
8
    break;
9
  case 6: //case-Gruppierung
10
  case 7: //Mehrere case-Zweige, die denselben Codeblock teilen, können gruppiert werden
11
      console.log('Wochenende');
12
      break;
13
  default:
14
      console.log('Sonstiges');
15
}

break zum Beenden (Verlassen) einer Schleife

break wird verwendet, um die aktuelle Schleife oder switch-Anweisung zu beenden (verlassen). Ohne break wird die Ausführung mit dem nachfolgenden case fortgesetzt (d.h. es tritt ein “Fall-Through”-Phänomen auf).

Beispiel:

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Montag');
5
    break;
6
  case 2:
7
    console.log('Dienstag');
8
    // Kein break, die Ausführung wird mit dem nächsten case fortgesetzt
9
  case 3:
10
    console.log('Mittwoch');
11
    break;
12
  default:
13
    console.log('Sonstiges');
14
}