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}`));
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