Mit Kontrollstrukturen entscheidet unser Haushaltsbuch, wie es auf unterschiedliche Werte reagiert – etwa ob eine Buchung eine Einnahme oder Ausgabe ist.

if, else if, else

const betrag = -850;

if (betrag > 0) {
  console.log('Einnahme');
} else if (betrag < 0) {
  console.log('Ausgabe');
} else {
  console.log('Neutral (0)');
}
// Ausgabe: Ausgabe

Die Bedingung in if(...) muss kein echter Boolean sein – wie in Kapitel 5 erklärt, wandelt JavaScript JEDEN Wert über Truthy/Falsy in einen Wahrheitswert um.

Der ternäre Operator: kompakte if/else-Ausdrücke

Für einfache Fälle, in denen ein WERT (nicht eine Anweisung) je nach Bedingung gewählt wird, ist der ternäre Operator bedingung ? wennWahr : wennFalsch die kompaktere Alternative:

const betrag = -850;
const art = betrag > 0 ? 'Einnahme' : 'Ausgabe';
console.log(art); // 'Ausgabe'

switch: mehrere feste Fälle

Wenn ein einzelner Wert gegen MEHRERE feste Möglichkeiten geprüft wird, ist switch oft lesbarer als eine lange if/else if-Kette:

const kategorie = 'Miete';
let icon;

switch (kategorie) {
  case 'Miete':
    icon = '????';
    break;
  case 'Gehalt':
    icon = '????';
    break;
  case 'Freizeit':
    icon = '????';
    break;
  default:
    icon = '????';
}

console.log(icon); // '????'

Eine erste Kategorie-Icon-Funktion

Damit haben wir das Werkzeug, um jeder Ausgaben-Kategorie unseres Haushaltsbuchs ein Icon zuzuordnen – eine Funktion dafür bauen wir in Kapitel 8, sobald wir Funktionen kennen.