JavaScript ist eine der wichtigsten Programmiersprachen für die Webentwicklung und ermöglicht es Entwicklern, interaktive und dynamische Webseiten zu erstellen. Eine grundlegende Technik, die in der Programmierung unverzichtbar ist, sind bedingte Anweisungen. In JavaScript werden sie oft mit den Schlüsselwörtern if, else if und else implementiert. In diesem Artikel werden wir uns ausführlich mit diesen Konstrukten auseinandersetzen und anhand von Beispielen zeigen, wie sie in der Praxis verwendet werden können.

Die if Anweisung

Die if-Anweisung ist das grundlegende Werkzeug zur Implementierung bedingter Logik in JavaScript. Sie ermöglicht es, eine bestimmte Aktion auszuführen, wenn eine Bedingung wahr ist, und diese Aktion zu überspringen, wenn die Bedingung falsch ist. Das allgemeine Format lautet:

if (Bedingung) {
    // Code, der ausgeführt wird, wenn die Bedingung wahr ist
}

Hier ist ein einfaches Beispiel:

let alter = 18;

if (alter >= 18) {
    console.log("Du bist volljährig.");
}

In diesem Beispiel wird die Nachricht "Du bist volljährig." nur dann auf der Konsole angezeigt, wenn das Alter größer oder gleich 18 ist.

Die else if Anweisung

Manchmal müssen wir mehrere Bedingungen überprüfen und verschiedene Aktionen basierend auf verschiedenen Bedingungen ausführen. Hier kommt die else if-Anweisung ins Spiel. Sie wird verwendet, um eine zusätzliche Bedingung zu überprüfen, wenn die vorherige if-Bedingung falsch ist.

let zahl = 7;

if (zahl < 5) {
    console.log("Die Zahl ist kleiner als 5.");
} else if (zahl < 10) {
    console.log("Die Zahl ist kleiner als 10, aber größer oder gleich 5.");
} else {
    console.log("Die Zahl ist 10 oder größer.");
}

In diesem Beispiel wird die zweite Bedingung geprüft, wenn die erste Bedingung falsch ist. Wenn beide Bedingungen falsch sind, wird der Code im else-Block ausgeführt.

Die else Anweisung

Die else-Anweisung wird verwendet, um eine Aktion auszuführen, wenn keine der vorherigen Bedingungen wahr ist. Sie wird am Ende einer bedingten Anweisung platziert, nach allen if und else if Blöcken.

let zahl = 3;

if (zahl >= 5) {
    console.log("Die Zahl ist größer oder gleich 5.");
} else {
    console.log("Die Zahl ist kleiner als 5.");
}

In diesem Beispiel wird der Code im else-Block ausgeführt, da die Bedingung in der if-Anweisung falsch ist.

Bedingte Anweisungen sind ein mächtiges Konzept in JavaScript und ermöglichen es Entwicklern, den Programmfluss basierend auf verschiedenen Bedingungen zu steuern. Sie sind entscheidend für die Erstellung von interaktiven Webanwendungen und die Verarbeitung von Benutzerinteraktionen. Wenn Sie JavaScript lernen, ist das Verständnis für bedingte Anweisungen (if, else if, else) ein wichtiger Schritt auf dem Weg zur Beherrschung dieser Sprache.