Entscheidungen mit if und else

Eine if-Anweisung führt einen Codeblock nur aus, wenn ihre Bedingung true ist. Mit else if prüft JavaScript Bedingungen von oben und hält bei der ersten wahren an.

Code nur manchmal ausführen

Jedes Programm bisher hat jede Zeile jedes Mal ausgeführt. Nützliche Programme verhalten sich in verschiedenen Situationen verschieden: Ein Spiel zeigt "You win" nur, wenn der Punktestand hoch genug ist, und ein Shop berechnet eine Liefergebühr nur bei kleinen Bestellungen. Mit der if-Anweisung trifft JavaScript solche Entscheidungen.

const temperature = 31;
if (temperature >= 30) {
  console.log("Hot day. Drink water.");
}
console.log("Done");

Die Bedingung steht in runden Klammern nach dem Wort if. Das ist ein beliebiger Ausdruck, der einen Boolean ergibt, meist ein Vergleich aus der letzten Einheit. Der Code, der laufen soll, wenn sie true ist, steht in geschweiften Klammern, die einen Block bilden. Ist die Bedingung false, überspringt JavaScript den ganzen Block und macht nach der schließenden Klammer weiter. Oben werden beide Zeilen ausgegeben. Setz temperature auf 20, und nur "Done" erscheint. Die Zeilen im Block sind um zwei Leerzeichen eingerückt. JavaScript braucht die Einrückung nicht, aber sie zeigt auf einen Blick, welche Zeilen zum if gehören, und jeder erfahrene Programmierer erwartet sie.

else: der andere Weg

Oft willst du eine Sache, wenn die Bedingung true ist, und eine andere, wenn sie false ist. Füg einen else-Block hinzu. Genau einer der beiden Blöcke läuft, nie beide und nie keiner.

const n = 7;
if (n % 2 === 0) {
  console.log(n + " is even");
} else {
  console.log(n + " is odd");
}
// gibt aus: 7 is odd

else if: mehr als zwei Möglichkeiten

Bei mehreren Möglichkeiten verkettest du Bedingungen mit else if. JavaScript prüft sie von oben. Sobald eine true ist, führt es diesen Block aus und überspringt alle übrigen, selbst wenn spätere Bedingungen auch true wären. Das letzte else fängt alles auf, was oben nirgends gepasst hat.

const score = 72;
if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else if (score >= 70) {
  console.log("C");
} else {
  console.log("F");
}
// gibt aus: C

Die Reihenfolge der Bedingungen ist wichtig. Bei 95 Punkten ist schon der erste Test true, und A wird ausgegeben. Stünden die Tests andersherum und begännen mit score >= 70, würde 95 schon beim ersten Test anhalten und C ausgeben. Wenn sich die Bereiche so überschneiden, setz die engste Bedingung an den Anfang. Code von Hand durchzugehen, ist eine gute Gewohnheit: Wähl einen Wert, lies von oben und sag laut, welchen Zweig er nimmt.

Verschachteln und verknüpfen

Ein Block kann eine weitere if-Anweisung enthalten, das nennt man Verschachteln. Tiefe Verschachtelung vermeidest du oft, indem du Bedingungen mit && und || aus der letzten Einheit verknüpfst. Diese beiden Codestücke erledigen dieselbe Aufgabe, und das zweite ist leichter zu lesen:

if (age >= 8) {
  if (height >= 120) {
    console.log("You can ride");
  }
}

if (age >= 8 && height >= 120) {
  console.log("You can ride");
}

Der Bedingungsoperator

Wenn du nur zwischen zwei Werten wählen musst, gibt es eine kompakte Form, den Bedingungsoperator (ternären Operator): condition ? valueIfTrue : valueIfFalse. Zum Beispiel const label = n % 2 === 0 ? "even" : "odd";. Nutze ihn für kurze Wertauswahlen. Für alles, was mehrere Anweisungen ausführt, ist ein normales if und else klarer.

Ein häufiger Ausrutscher ist ein einzelnes Gleichheitszeichen in der Bedingung: if (score = 100). Das speichert 100 in score, statt zu vergleichen, und der Block läuft jedes Mal. Vergleiche immer mit ===.