JavaScript: Bedingte Anweisungen (if, else if, else)

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.

Weitere Artikel:

Objektorientierte Programmierung in JavaScript

JavaScript ist eine der am häufigsten verwendeten Programmiersprachen weltweit und wird oft für die Entwicklung von Webanwendungen eingesetzt. Eine de

Funktionen in JavaScript

JavaScript ist eine weit verbreitete Programmiersprache, die hauptsächlich in Webanwendungen eingesetzt wird, um Interaktivität und Funktionalität auf

Three.js: Erstellen eines Jump and Run-Spiels

Die Welt der 3D-Spieleentwicklung hat in den letzten Jahren enorme Fortschritte gemacht, und mit Bibliotheken wie Three.js können Entwickler atemberau

Einführung in JavaScript: Die Grundlagen

JavaScript ist eine der beliebtesten Programmiersprachen der Welt und bildet das Rückgrat vieler moderner Webanwendungen. Es ermöglicht die Interaktio

Three.js: Verwendung von Shader-Programmen und GLSL

Three.js ist eine beliebte JavaScript-Bibliothek zur Erstellung von 3D-Grafiken und -Animationen im Web. Es bietet eine Vielzahl von Funktionen und To

Three.js: Implementieren von Partikelsystemen

Partikelsysteme sind ein leistungsstarkes Werkzeug in der Welt der 3D-Computergrafik. Sie ermöglichen es, komplexe und dynamische Effekte wie Rauch, F

Einführung in Three.js und 3D-Modellierung

Die Welt der 3D-Modellierung hat in den letzten Jahren erhebliche Fortschritte gemacht und ist nicht mehr nur den Profis vorbehalten. Mit fortschrittl

Three.js: Erstellen einer 3D-Welt mit mehreren Objekten

Three.js ist eine beliebte JavaScript-Bibliothek zur Erstellung von 3D-Grafiken in Webanwendungen. Mit Three.js können Entwickler beeindruckende 3D-We

Einführung in Animationen in Three.js

Die Welt der 3D-Animationen hat sich in den letzten Jahren rasant entwickelt und bietet Entwicklern und Kreativen die Möglichkeit, beeindruckende visu

Javascript: Arbeiten mit Local Storage und Session Storage

JavaScript ist eine vielseitige Programmiersprache, die in Webanwendungen weit verbreitet ist. Eine häufige Anforderung in Webanwendungen ist die Spei