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:

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 eines interaktiven 3D-Diagramms oder Graphen

Three.js ist eine leistungsstarke JavaScript-Bibliothek, die es Entwicklern ermöglicht, beeindruckende 3D-Grafiken und Visualisierungen direkt im Webb

Javascript: Arbeiten mit dem DOM (Document Object Model)

Das Document Object Model, kurz DOM, ist ein wichtiger Bestandteil von JavaScript und ermöglicht es Entwicklern, HTML- und XML-Dokumente dynamisch zu

Three.js: Laden und Anzeigen eines 3D-Modells

Die Welt der 3D-Grafik und -Animationen hat in den letzten Jahren enorme Fortschritte gemacht. Dank JavaScript-Frameworks wie Three.js können Entwickl

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

Grundlegendes Three.js-Setup

Three.js ist eine JavaScript-Bibliothek, die es Entwicklern ermöglicht, 3D-Grafiken in Webanwendungen zu erstellen und zu rendern. Mit dieser leistung

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

Javascript: Arbeiten mit JSON

JavaScript ist eine der am häufigsten verwendeten Programmiersprachen in der Webentwicklung. Eine ihrer Stärken ist die Fähigkeit, Daten in verschiede

Javascript: Implementierung von Drag-and-Drop-Funktionen

Drag-and-Drop-Funktionen sind heutzutage ein wesentlicher Bestandteil vieler Webanwendungen. Sie ermöglichen es den Benutzern, Elemente auf einer Webs

JavaScript: Erstellung eines Bildergalerie-Sliders

Bildergalerie-Slider sind eine häufige und ansprechende Möglichkeit, Bilder oder Inhalte auf Websites zu präsentieren. Sie ermöglichen es, verschieden