JavaScript Grundlagen

JavaScript - Code Editor

if / else Bedingungen

Bei den Bedingungen werden die Wahrheitswerte von Variablen verglichen und entsprechend wird Code ausgeführt oder nicht. Dabei wird getestet ob ein Ausdruck “true” oder “false” ist. Hier sehen wir was passiert wenn “a” gleich “true” ist:

let a = true    
if(a) {
  console.log("a ist wahr") // Ausgabe: a ist wahr
} else {
  console.log("a ist falsch") // keine Ausgabe
}
Sehen wir uns das Beispiel an, wenn “a” gleich “false” ist:
let a = false    
if(a) {
  console.log("a ist wahr") // keine Ausgabe
} else {
  console.log("a ist falsch") // Ausgabe: a ist falsch
}

Jetzt wird die “else” Bedingung ausgeführt. Auf Deutsch kann der Code so erklärt werden: Falls die Variable “a” wahr ist, führe den folgenden Code aus, andernfalls führe den anderen Code aus. Wenn wir Zahlen vergleichen möchten, können wir dies ebenfalls mit Bedingungen erreichen. In diesem Beispiel wird ersichtlich, dass es auch “else if” gibt. So kann man mehr Zustände testen als nur allein mit “if” und “else”.

let a = 7
let b = 5

if(a < b) {
  console.log("a ist kleiner als b") // wird nicht ausgeführt
} else if(a > b) {
  console.log("a ist grösser als b") // Ausgabe: a ist grösser als b
} else {
  console.log("a ist gleich b") // wird nicht ausgeführt
}

Gesprochen wird dieser Code: Falls a kleiner ist als b, führe folgenden Code aus, andernfalls führe den anderen Code aus. Es kann auch getestet werden ob zwei Variablen gleich oder ungleich sind:

let a = 5
let b = 5

if(a == b) {
  console.log("a ist gleich b") // Ausgabe: a ist gleich b
} else {
  console.log("a ist nicht gleich b") // wird nicht ausgeführt
}
Hier eine Auflistung der möglichen Vergleichsoperatoren:
==    (ist gleich)
===   (ist gleich und Typ-gleich)
!=    (ist nicht gleich)
!==   (ist nicht gleich oder Typ nicht gleich)
>     (grösser als)
<     (gleiner als)
>=    (grösser als oder gleich)
<=    (kleiner als oder gleich)

Wenn mehrere Bedingungen gleichzeitig geprüft werden sollen, kann der Und-Operator (&&) oder der Oder-Operator (||) verwendet werden. Hierzu ein Beispiel:


let a = 7
let b = 5

if(a > b && (a % 2 == 1)) {
console.log("a ist grösser als b und a ist ungerade") // wird ausgeführt
} else {
console.log() // wird nicht ausgeführt
}

Hier die Ergebnisse von && und || Operatoren:

// Logischer UND Operator
true && true;  // true
true && false; // false
false && true;  // false
false && false; // false

// Logischer ODER Operator
true || true;  // true
true || false; // true
false || true;  // true
false || false; // false