Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:ffprg1-2023:programming-basics-loop [2023/02/16 07:56] – [Klassischer for-loop] Ivo Blöchliger
+++ lehrkraefte:blc:informatik:ffprg1-2023:programming-basics-loop [2023/02/28 11:14] (current) – [Klassischer for-loop] Ivo Blöchliger
@@ Line 1: / Line 1: @@
+====== 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