Table of Contents

Wiederholungen

Klassischer for-loop

// for (Initialisierung; Test vor der Wiederholung; Aktion nach der Wiederholung) { ... code ... }
for (let i=0; i<10; i++) {  // Die Variable i existiert nur innerhalb der Schlaufe
  console.log(`i=${i}`);
}

Mehr dazu: https://www.w3schools.com/js/js_loop_for.asp

  • Geben Sie alle Quadratzahlen bis 20 auf der Console aus
  • Generieren Sie HTML-Code mit den ersten 20 Quadratzahlen und fügen den einem Element hinzu mit document.getElementById('humpdfidumpf').innerHTML = …;
  • Zusatzaufgabe: Generieren Sie den HTML-Code für eine Multiplikationstabelle (mit verschachtelten for-loops) und fügen Sie den Code einem Element hinzu. Siehe auch https://www.w3schools.com/html/html_tables.asp

for of: Iteration über Array-Elemente (und andere)

let primzahlen = [2,3,5,7,11,13,17,19,23,29,31];
for (let primzahl of primzahlen) {
   console.log(`Die Zahl ${primzahl} ist prim`);
}
// Wird der Index benötigt, kann folgende Variante gewählt werden.
for (let i=0; i<primzahlen.length; i++) {
  console.log(`Die ${i+1}. Primzahl ist ${primzahlen[i]}`);
}
// Oder ohne for mit funktionalem Touch:
primzahlen.forEach((p,i) => console.log(`Primzahl ${i+1} ist ${p}`));

Siehe auch https://www.w3schools.com/js/js_loop_forof.asp

for in: Iteration über Schlüssel eines Objekts

let obj = {'foo':23, 'bar':42};
for (let key in obj) {
  console.log(`hallo obj[${key}] = ${obj[key]}`);
}

Siehe auch: https://www.w3schools.com/js/js_loop_forin.asp