0Pricing
JavaScript Academy · Lektion

if/else und switch – grundlegende Muster

Schreiben Sie klare Bedingungen mit if/else und switch. Verwenden Sie Guard Clauses für vorzeitige Beendigungen.

if/else und switch – grundlegende Muster ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Einführung

Ziel: Wählen Sie die passende Bedingung aus. Beginnen Sie mit if/else, ergänzen Sie bei mehreren Verzweigungen else if und verwenden Sie switch für übersichtliche Vergleiche von Werten.

if/else und switch – grundlegende Muster — Illustration 1

Grundlagen von if/else

Wenn die Bedingung wahr ist, wird der erste Block ausgeführt. Andernfalls wird der else-Block ausgeführt.

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else und switch – grundlegende Muster — Illustration 2

else-if-Kette

Verwenden Sie else if für aufeinanderfolgende Prüfungen, von der spezifischsten bis zur allgemeinsten.

// else if — three or more branches
const temp = 18;

if (temp >= 30) {
  console.log("Hot");
} else if (temp >= 15) {
  console.log("Mild");
} else {
  console.log("Cold");
}
if/else und switch – grundlegende Muster — Illustration 3

Grundlagen von switch

switch vergleicht exakte Werte. Denken Sie an break, damit die Ausführung nicht in den nächsten Fall weiterläuft.

// switch — clean matching on a single value
const day = "Mon";

switch (day) {
  case "Mon":
    console.log("Start strong");
    break;
  case "Fri":
    console.log("Finish line");
    break;
  default:
    console.log("Keep going");
}
if/else und switch – grundlegende Muster — Illustration 4

Guard Clause

Verwenden Sie eine Guard Clause, um bei ungültigen Eingaben frühzeitig zu beenden. So bleibt der normale Ablauf übersichtlich.

// Guard clause — return early for invalid input
function greet(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  console.log("Hello, " + name + "!");
}

greet("");
greet("Ayla");
if/else und switch – grundlegende Muster — Illustration 5

Tipps und häufige Fehler

Tipps:

  • Ordnen Sie die Prüfungen von der spezifischsten bis zur allgemeinsten.
  • Halten Sie Bedingungen kurz und gut lesbar.
  • Fügen Sie in einem switch einen default-Fall ein.
if/else und switch – grundlegende Muster — Illustration 6

Quiz zum switch-Vergleich

Kurzer Check: Vergleiche mit switch.

if/else und switch – grundlegende Muster — Illustration 7

Zusammenfassung

Zusammenfassung: Verwenden Sie if/else für zwei Pfade, else if für aufeinanderfolgende Verzweigungen, switch für Vergleiche exakter Werte und Guard Clauses für einen frühzeitigen Abbruch.

if/else und switch – grundlegende Muster — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „if/else und switch – grundlegende Muster“ kostenlos?

Ja — der vollständige Text von „if/else und switch – grundlegende Muster“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „if/else und switch – grundlegende Muster“?

Schreiben Sie klare Bedingungen mit if/else und switch. Verwenden Sie Guard Clauses für vorzeitige Beendigungen. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.

Wie lange dauert die Lektion „if/else und switch – grundlegende Muster“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. if/else und switch – grundlegende Muster
  2. Schleifen: for, while, do…while, for…of vs. for…in
  3. Vorzeitige Rückgaben und Guard Clauses
← Zurück zu JavaScript Academy