5. Unterrichtsblock: Entscheidungen treffen

Bisher läuft dein Programm immer von oben nach unten. Heute lernst du, wie es Entscheidungen trifft: Es führt Code nur aus, wenn eine Bedingung zutrifft. Arbeite weiter in deinem js-projekt.

Boolesche Werte

Ein boolescher Wert ist entweder true (wahr) oder false (falsch). Jeder Vergleich aus dem letzten Block liefert einen booleschen Wert. Er ist die Grundlage jeder Entscheidung.

const alter = 17;
const istVolljaehrig = alter >= 18;

console.log(istVolljaehrig);        // false
console.log(alter === 17);          // true

Wahr oder falsch: nicht nur true und false

JavaScript wertet auch andere Werte als wahr oder falsch, wenn eine Bedingung gefragt ist. Falsch sind nur: false, 0, "" (leerer Text), null, undefined und NaN. Alles andere ist wahr. Mit Boolean() kannst du es testen:

console.log(Boolean(""));        // false
console.log(Boolean("Hallo"));   // true
console.log(Boolean(0));         // false
console.log(Boolean("0"));       // true, denn "0" ist ein Text

Logische Operatoren

Mit logischen Operatoren verbindest du mehrere Bedingungen.

const alter = 20;
const hatAusweis = true;
const istWochenende = false;

console.log(alter >= 18 && hatAusweis);   // true
console.log(istWochenende || alter < 18); // false
console.log(!istWochenende);              // true

Schalte A und B ein und aus und beobachte die Ergebnisse:

if, else und else if

Mit if führst du einen Codeblock nur aus, wenn die Bedingung wahr ist. Mit else legst du fest, was sonst passiert. Mit else if prüfst du weitere Bedingungen nacheinander.

const alter = 16;

if (alter >= 18) {
  console.log("Du bist volljährig.");
} else {
  console.log("Du bist noch nicht volljährig.");
}

const stunde = 14;

if (stunde < 10) {
  console.log("Guten Morgen");
} else if (stunde < 18) {
  console.log("Guten Tag");
} else {
  console.log("Guten Abend");
}

• Die Bedingung steht in runden Klammern, der Code in geschweiften.
• Die Bedingungen werden von oben nach unten geprüft. Der erste Treffer gewinnt, der Rest wird übersprungen.
• else braucht keine Bedingung und steht immer zuletzt.

Variablen im Block

Was du mit let oder const in den geschweiften Klammern eines if anlegst, gibt es nur dort. Das kennst du schon von lokalen Variablen in Funktionen.

if (true) {
  const gruss = "Hallo";
  console.log(gruss);       // Hallo
}
console.log(gruss);         // Fehler: gruss gibt es hier nicht mehr

switch: viele Fälle, ein Wert

Wenn du einen Wert mit vielen festen Möglichkeiten vergleichst, ist switch übersichtlicher als eine lange else if-Kette.

const tag = "Mi";

switch (tag) {
  case "Mo":
    console.log("Wochenstart");
    break;
  case "Mi":
    console.log("Wochenmitte");
    break;
  case "Fr":
    console.log("Fast Wochenende");
    break;
  default:
    console.log("ein normaler Tag");
}

• Jeder Fall beginnt mit case und endet mit break. Ohne break läuft der nächste Fall einfach weiter.
• default gilt, wenn kein Fall passt.
• switch vergleicht streng (===).

Kurzform: der bedingte Operator

Für eine einfache Entscheidung mit zwei Ergebnissen gibt es eine Kurzschreibweise mit ? und ::

const alter = 20;
const status = alter >= 18 ? "volljährig" : "minderjährig";
console.log(status);     // volljährig

Abschlussaufgaben

Jetzt wird es anspruchsvoller. Nimm dir Zeit, es müssen nicht alle Aufgaben geschafft werden.

Kurz zusammengefasst

Vergleiche liefern true oder false. Mit &&, || und ! verknüpfst du Bedingungen. if, else if und else entscheiden, welcher Code läuft, und switch ist praktisch, wenn du einen Wert mit vielen Fällen vergleichst.