JavaScript Schleifen

for, while, for...of, forEach, Einsatzbereiche und typische Fehler. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

• wiederholte Aufgaben mit Schleifen lösen
• for, while, for...of und forEach unterscheiden
• Endlosschleifen vermeiden

Erklärung

Schleifen führen Code mehrfach aus. Klassische for-Schleifen sind gut, wenn du einen Index brauchst. for...of ist lesbar für Werte in Arrays. forEach führt eine Funktion für jedes Array-Element aus.

while läuft, solange eine Bedingung wahr ist. Sie braucht eine klare Änderung im Schleifenkörper, sonst entsteht eine Endlosschleife.

Beispiele

const topics = ["HTML", "CSS", "JavaScript"];

for (const topic of topics) {
  console.log(topic);
}

for...of liest sich gut, wenn nur die Werte gebraucht werden.

topics.forEach((topic, index) => {
  console.log(`${index + 1}. ${topic}`);
});

forEach eignet sich für einfache Aktionen pro Element.

Typische Fehler

• Zähler nicht erhöhen und Endlosschleifen erzeugen.
• Array-Grenzen falsch berechnen.
• forEach verwenden, obwohl eine neue Liste benötigt wird.

Best Practices

• Wähle die Schleife nach Aufgabe.
• Nutze sprechende Namen für einzelne Elemente.
• Bei Transformationen sind map oder filter oft passender.

Kleine Übung

Gib eine Themenliste nummeriert aus und filtere anschließend alle Themen, die länger als drei Zeichen sind.

Zusammenfassung

JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.

Weiterführende Seiten

• Vorherige Seite: JavaScript Kontrollfluss
• Nächste Seite: JavaScript Funktionen
• Zur Übersicht
• Kontrollfluss
• Arrays