JavaScript-Bedingungen: if, else if und switch richtig nutzen

Mit Bedingungen führst du in JavaScript Code nur dann aus, wenn eine bestimmte Bedingung zutrifft. So entstehen komplexere Programme, die je nach Eingabedaten unterschiedlich reagieren. In diesem Kapitel sehen wir uns die Anweisungen if und switch an, die beiden am häufigsten genutzten Anweisungen zur Ablaufsteuerung in JavaScript.

Die if-Anweisung

Die if-Anweisung führt in JavaScript Code nur aus, wenn eine angegebene Bedingung erfüllt ist. Ein Beispiel für den Einsatz der if-Anweisung:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
}

In diesem Beispiel wird der Code zwischen den geschweiften Klammern nur ausgeführt, wenn die Bedingung „a > 10“ wahr ist. Ist die Bedingung falsch, wird der Code nicht ausgeführt und das Programm läuft mit der nächsten Anweisung weiter.

Mit der else-Anweisung führst du Code aus, wenn die Bedingung nicht erfüllt ist:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else {
  console.log('a est inférieur ou égal à 10');
}

Ist die Bedingung „a > 10“ wahr, wird die Meldung „a est supérieur à 10“ ausgegeben. Ist die Bedingung falsch, erscheint stattdessen die Meldung „a est inférieur ou égal à 10“.

Mit der else-if-Anweisung prüfst du mehrere Bedingungen nacheinander:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else if (a == 10) {
  console.log('a est égal à 10');
} else {
  console.log('a est inférieur à 10');
}

Ist die erste Bedingung „a > 10“ wahr, wird die Meldung „a est supérieur à 10“ ausgegeben. Ist die erste Bedingung falsch und die zweite Bedingung „a == 10“ wahr, erscheint die Meldung „a est égal à 10“. Trifft keine der Bedingungen zu, wird die Meldung „a est inférieur à 10“ ausgegeben.

Die switch-Anweisung

Die switch-Anweisung führt in JavaScript Code abhängig vom Wert einer Variablen aus. Sie bietet sich an, wenn du für eine Variable mehrere mögliche Werte prüfen musst. Ein Beispiel für den Einsatz der switch-Anweisung:

let a = 'rouge';

switch (a) {
  case 'bleu':
    console.log('a est bleu');
    break;
  case 'vert':
    console.log('a est vert');
    break;
  case 'rouge':
    console.log('a est rouge');
    break;
  default:
    console.log("a n'est ni bleu, ni vert, ni rouge");
}

Der Wert der Variablen „a“ wird mit jedem „case“ der switch-Anweisung verglichen. Stimmt der Wert von „a“ mit einem der „case“ überein, wird der zugehörige Code ausgeführt. Passt kein „case“ zum Wert von „a“, läuft der Code unter „default“.

let a = 'jaune';

switch (a) {
  case 'bleu':
  case 'vert':
  case 'rouge':
    console.log('a est une couleur primaire');
    break;
  case 'jaune':
  case 'orange':
  case 'violet':
    console.log('a est une couleur secondaire');
    break;
  default:
    console.log("a n'est ni une couleur primaire, ni une couleur secondaire");
}

Ist der Wert von „a“ gleich „bleu“, „vert“ oder „rouge“, wird die Meldung „a est une couleur primaire“ ausgegeben. Ist der Wert von „a“ gleich „jaune“, „orange“ oder „violet“, erscheint die Meldung „a est une couleur secondaire“. Passt keiner der „case“ zum Wert von „a“, wird die Meldung „a n’est ni une couleur primaire, ni une couleur secondaire“ ausgegeben.

Fazit

Dieses Kapitel hat gezeigt, wie du mit den Anweisungen if und switch Code abhängig von Bedingungen oder bestimmten Werten ausführst. Beide sind die Grundlage für komplexere Programme in JavaScript. Üb den Einsatz dieser Anweisungen ruhig an eigenen Beispielen, das bringt dich in der JavaScript-Entwicklung weiter.