0Pricing
JavaScript Academy · Lektion

Schleifen: for, while, do…while, for…of vs. for…in

Grundlagen von Schleifen: for, while, do…while und wann Sie for…of bzw. for…in für Arrays und Objekte verwenden.

Schleifen: for, while, do…while, for…of vs. for…in ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 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 Schleife aus. Lernen Sie for, while, do…while und den Unterschied zwischen for…of und for…in kennen.

  • Zählergesteuerte Schleifen
  • Bedingungsgesteuerte Schleifen
  • Werte und Schlüssel durchlaufen
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 1

Grundlagen der for-Schleife

for eignet sich besonders, wenn Sie den Index und eine Abbruchbedingung benötigen.

// Classic for: great for indexes
const nums = [2, 4, 6];

for (let i = 0; i < nums.length; i++) {
  console.log("Index:", i, "Value:", nums[i]);
}
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 2

Grundlagen der while-Schleife

while prüft die Bedingung zuerst. Achten Sie darauf, dass sich die Schleifenvariable ändert.

// while: run while a condition stays true
let count = 3;

while (count > 0) {
  console.log("Countdown:", count);
  count = count - 1;
}

console.log("Go!");
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 3

Grundlagen von do…while

do…while führt den Schleifenkörper zuerst aus und prüft danach die Bedingung. Das ist nützlich, wenn die Schleife garantiert einmal ausgeführt werden soll.

// do…while: runs the body at least once
let tries = 0;

do {
  console.log("Attempt:", tries + 1);
  tries = tries + 1;
} while (tries < 2);
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 4

for…of und for…in im Vergleich

for…of liefert Werte; for…in liefert Schlüssel und kann geerbte Schlüssel einschließen.

// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)

const colors = ["red", "green", "blue"];

for (const value of colors) {
  console.log("of value:", value);
}

for (const key in colors) {
  console.log("in key:", key);
}
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 5

Tipps zu Schleifen

Tipps:

  • Bevorzugen Sie for…of bei Arrays, um direkt deren Werte zu erhalten.
  • Verwenden Sie for…in für Objektschlüssel, nicht für Arrays.
  • Vermeiden Sie Endlosschleifen: Aktualisieren Sie immer Ihre Schleifenvariable.
Schleifen: for, while, do…while, for…of vs. for…in — Illustration 6

Quiz zu for…of und for…in

Kurzer Check: Array-Werte direkt durchlaufen.

Schleifen: for, while, do…while, for…of vs. for…in — Illustration 7

Zusammenfassung

Zusammenfassung: Verwenden Sie for für Indizes, while für bedingungsgesteuerte Schleifen, do…while zum einmaligen Ausführen vor der Prüfung und for…of für Array-Werte.

Schleifen: for, while, do…while, for…of vs. for…in — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Schleifen: for, while, do…while, for…of vs. for…in“ kostenlos?

Ja — der vollständige Text von „Schleifen: for, while, do…while, for…of vs. for…in“ 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 „Schleifen: for, while, do…while, for…of vs. for…in“?

Grundlagen von Schleifen: for, while, do…while und wann Sie for…of bzw. for…in für Arrays und Objekte verwenden. 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 2 von 3.

Wie lange dauert die Lektion „Schleifen: for, while, do…while, for…of vs. for…in“?

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