lehrkraefte:blc:informatik:ffprg1-2023:programming-basics-loop [https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Wiederholungen ======
===== Klassischer for-loop =====
<code javascript>
// 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}`);
}
</code>
Mehr dazu: https://www.w3schools.com/js/js_loop_for.asp

<WRAP todo>
  * 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
</WRAP>

===== for of: Iteration über Array-Elemente (und andere) =====
<code javascript>
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}`));
</code>

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

===== for in: Iteration über Schlüssel eines Objekts =====
<code javascript>
let obj = {'foo':23, 'bar':42};
for (let key in obj) {
  console.log(`hallo obj[${key}] = ${obj[key]}`);
}
</code>

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