JavaScript if else und else if
Bedingte Anweisungen werden verwendet, um verschiedene Aktionen basierend auf verschiedenen Bedingungen auszuführen.
Bedingte Anweisungen
Sehr oft möchten Sie beim Schreiben von Code unterschiedliche Aktionen für unterschiedliche Entscheidungen ausführen.
Dazu können Sie bedingte Anweisungen in Ihrem Code verwenden.
In JavaScript haben wir die folgenden bedingten Anweisungen:
- Wird verwendet
if
, um einen Codeblock anzugeben, der ausgeführt werden soll, wenn eine angegebene Bedingung wahr ist - Wird verwendet
else
, um einen Codeblock anzugeben, der ausgeführt werden soll, wenn dieselbe Bedingung falsch ist - Wird verwendet
else if
, um eine neue zu testende Bedingung anzugeben, wenn die erste Bedingung falsch ist - Wird verwendet
switch
, um viele alternative Codeblöcke anzugeben, die ausgeführt werden sollen
Die switch
Anweisung wird im nächsten Kapitel beschrieben.
Die if-Anweisung
Verwenden Sie die if
Anweisung, um einen JavaScript-Codeblock anzugeben, der ausgeführt werden soll, wenn eine Bedingung wahr ist.
Syntax
if (condition) {
// block of code to be executed if the condition is true
}
Beachten Sie, dass if
es sich um Kleinbuchstaben handelt. Großbuchstaben (If oder IF) erzeugen einen JavaScript-Fehler.
Beispiel
Machen Sie einen "Guten Tag"-Gruß, wenn die Stunde weniger als 18:00 Uhr ist:
if (hour < 18) {
greeting = "Good day";
}
Das Ergebnis der Begrüßung ist:
Die else-Anweisung
Verwenden Sie die else
Anweisung, um einen Codeblock anzugeben, der ausgeführt werden soll, wenn die Bedingung falsch ist.
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
Beispiel
Wenn die Stunde kleiner als 18 ist, erstellen Sie eine „Guten Tag“-Begrüßung, ansonsten „Guten Abend“:
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Das Ergebnis der Begrüßung ist:
Good evening
Die else if-Anweisung
Verwenden Sie die else if
Anweisung, um eine neue Bedingung anzugeben, wenn die erste Bedingung falsch ist.
Syntax
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
Beispiel
Wenn die Uhrzeit unter 10:00 Uhr liegt, erstellen Sie eine „Guten Morgen“-Begrüßung, wenn nicht, aber die Uhrzeit unter 20:00 Uhr liegt, erstellen Sie eine „Guten Tag“-Begrüßung, ansonsten einen „Guten Abend“:
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Das Ergebnis der Begrüßung ist:
Good evening
Mehr Beispiele
Dieses Beispiel schreibt einen Link entweder zu W3Schools oder zur World Wildlife Foundation (WWF). Durch die Verwendung einer Zufallszahl besteht für jeden der Links eine Chance von 50 %.