HTMLCSSJavaScriptIndexRoadmapImpressum

Bedingungen (if/else, switch)

Mit Bedingungen steuerst du, welcher Code ausgeführt wird – abhängig davon, ob eine Aussage true oder false ist. So reagiert dein Programm auf unterschiedliche Situationen, zum Beispiel auf Benutzereingaben oder berechnete Werte.

if - Bedingungsanweisung

Die einfachste Form: Der Code im Block wird nur ausgeführt, wenn die Bedingung wahr ist. Ist sie falsch, wird der Block übersprungen.

Syntax

Syntax: if

1if (bedingung) {
2    // Code, der nur bei true ausgeführt wird
3}

Einfaches if

1let alter = 20;
2
3if (alter >= 18) {
4    console.log("Du bist volljährig.");
5}

Output

Du bist volljährig.

if...else - Bedingungsanweisung

Mit else legst du fest, was passieren soll, wenn die Bedingung nicht erfüllt ist. So hast du immer zwei mögliche Wege – einer fürtrue, einer für false.

Syntax

Syntax: if...else

1if (bedingung) {
2    // Code bei true
3} else {
4    // Code bei false
5}

if mit else

1let punkte = 45;
2
3if (punkte >= 50) {
4    console.log("Bestanden!");
5} else {
6    console.log("Nicht bestanden.");
7}

Output

Nicht bestanden.

else if - Bedingungsanweisung

Wenn du mehr als zwei Fälle prüfen willst, verkettst du mit else if weitere Bedingungen. JavaScript prüft sie der Reihe nach und führt den ersten passenden Block aus.

Mehrere Fälle mit else if

1let note = 2;
2
3if (note === 1) {
4    console.log("Sehr gut");
5} else if (note === 2) {
6    console.log("Gut");
7} else if (note === 3) {
8    console.log("Befriedigend");
9} else {
10    console.log("Nicht bestanden");
11}

Output

Gut

Mehrere Bedingungen

Oft musst du mehrere Bedingungen gleichzeitig prüfen. Dafür nutzt du die logischen Operatoren aus dem Kapitel Operatoren:

  • && (UND): Alle Bedingungen müssen wahr sein
  • || (ODER): Mindestens eine Bedingung muss wahr sein

UND und ODER kombinieren

1let alter = 25;
2let hatTicket = true;
3
4if (alter >= 18 && hatTicket) {
5    console.log("Eintritt erlaubt.");
6}
7
8let istWochenende = true;
9let istFeiertag = false;
10
11if (istWochenende || istFeiertag) {
12    console.log("Heute ist frei!");
13}

Output

Eintritt erlaubt.

Heute ist frei!

switch - Fallunterscheidung

Der switch-Befehl eignet sich, wenn du einen Wert mit vielen festen Möglichkeiten vergleichst – zum Beispiel einen Wochentag oder eine Menüauswahl. Jeder Fall beginnt mit case, am Ende steht oft break, damit nicht auch der nächste Fall ausgeführt wird.

switch mit break und default

1let wochentag = 3;
2let tag;
3
4switch (wochentag) {
5    case 1:
6        tag = "Montag";
7        break;
8    case 2:
9        tag = "Dienstag";
10        break;
11    case 3:
12        tag = "Mittwoch";
13        break;
14    default:
15        tag = "Anderer Tag";
16}
17
18console.log(tag);

Output

Mittwoch

Der Block default wird ausgeführt, wenn kein case passt – ähnlich wie else bei if.

Im nächsten Kapitel lernst du: Schleifen