de:modul:m288:learningunits:lu04:01

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu04:01 [2025/09/09 16:03] – [Einleitung] vdemirde:modul:m288:learningunits:lu04:01 [2025/09/09 16:35] (aktuell) – vdemir
Zeile 23: Zeile 23:
 ===== Die Schleifenarten ===== ===== Die Schleifenarten =====
  
-==== Die for-Schleife ==== +==== for-Schleife ==== 
-Die klassische for-Schleife. Sie ist ideal, wenn wir genau wiessen, wie oft etwas wiederholt werden soll. Z.B. wir wollen unsere Produkte jeweils 10 Stück auf einer Seite präsentieren.+Die klassische for-Schleife ist eine kopfgesteuerte Schleife, d.h. die Schleifenbedingung wird im Kopf der Schleife abgefragt. Sie ist ideal, wenn wir genau wissen, wie oft etwas wiederholt werden soll. Z.B. wir wollen unsere Produkte jeweils 10 Stück auf einer Seite präsentieren.
  
 **Beispiel** **Beispiel**
Zeile 43: Zeile 43:
   Zahl: 3   Zahl: 3
   Zahl: 4   Zahl: 4
 +  
 +==== while-Schleife ====
 +Die w//while-Schleife// ist eine kopfgesteuerte Schleife, d.h. die Schleifenbedingung wird im Kopf der Schleife abgefragt. Der Code, der sich innerhalb der Schleife befindet solange wiederolt, solange eine Bedingunge **wahr** ist. 
  
-===== Kontrollanweisungen in Loops =====+**Beispiel** 
 +  let i = 0; 
 +  while (i < 5) { 
 +    console.log("while:", i); 
 +    i++;  
 +  } 
 +   
 +**Ausgabe** 
 +   
 +  while: 0 
 +  while: 1 
 +  while: 2 
 +  while: 3 
 +  while: 4 
 +     
 +**Wichtig:** Vergisst man i++, hängt man in einer Endlosschleife, weil die Bediung im Kopf der Schleife nie erfüllt wird.
  
- • break → beendet die Schleife komplett +==== do…while-Schleife ==== 
- • continue → überspringt den aktuellen Durchlauf und springt zur nächsten Runde+Die //do...while//-Schleife ist ähnlich wie die //while-Schleife//, mit dem Unterschied, dass die Schleifenbedingung im Fuss der Schleife abgefragt wird. Folglich wird der Code innerhalb der Schleife mindestens einmal ausgeführt, auch wenn diue Bedingung sofort falsch ist.
  
-for (let i = 0; i < 5; i++) { +**Beispiel**
-  if (i === 2) continue;  // überspringt 2 +
-  if (i === 4) break;     // stoppt bei 4 +
-  console.log(i); +
-}+
  
-===== Wann ist welche Schleife passend? =====+  let i = 5; 
 +  do { 
 +    console.log("do-while:", i); 
 +    i++; 
 +  } while (i < 5);
  
- • Nutze for, wenn du die Anzahl der Wiederholungen kennst. +**Ausgabe**
- • Nutze while, wenn du nur eine Bedingung überprüfen willst. +
- • Nutze for...of, wenn du über Arrays läufst. +
- • Nutze for...in, wenn du Objekte durchgehst. +
- • Achtung: Endlosschleifen sind der Klassiker für eingefrorene Programme.+
  
 +  do-while: 5 // (obwohl die Bedingung von Anfang an falsch war).
  
-===== Arten von Loops in JavaScript =====+==== for…of-Schleife ==== 
 +Dieser Schleiffentyp ist ebenfalls kopfgesteurt. Sie ist ideal, um über Arrays (oder Strings) zu iterieren (durchzugehen). 
 + 
 +  let fruits = ["Apfel", "Banane", "Kirsche"]; 
 +  for (let fruit of fruits) { // es wird ein interner Schleifenzähler verwendet, der nacheinander die Arrayelemente ausgibt 
 +    console.log(fruit); 
 +  } 
 + 
 +**Ausgabe** 
 + 
 +  Apfel, Banane, Kirsche 
 + 
 +==== for…in-Schleife ==== 
 +Diese Schleife ist ebenfall kopfgesteuert. Sie läuft über die Eigenschaften eines Objekts (oder Indizes eines Arrays). 
 + 
 +**Beispiel** 
 +  let person = {name: "Anna", age: 25, city: "Berlin"}; 
 +  for (let key in person) { 
 +    console.log(key, ":", person[key]); 
 +  } 
 + 
 +**Ausgabe** 
 + 
 +  name : Anna 
 +  age : 25 
 +  city : Berlin 
 + 
 +===== Kontrollanweisungen in Loops ===== 
 +Bei sehr lange Listen kann es passieren, dass man die aktuell laufende Schleife vorzeitig abbrechen möchte. Hier gibt es zwei Möglichkeiten: 
 + 
 +  * **break** → beendet die Schleife komplett 
 +  * **continue** → überspringt den aktuellen Durchlauf und springt zur nächsten Runde 
 + 
 +**Beispiel** 
 + 
 +  for (let i = 0; i < 5; i++) { 
 +    if (i === 2) continue;  // überspringt 2 
 +    if (i === 4) break;     // stoppt bei 4 
 +    console.log(i); 
 +  }
      
 +**Ausgabe**
 +  
 +  0, 1, 3
 +
 +===== Wann ist welche Schleife passend? =====
 +
 +^Typ ^Wann nutzen? ^
 +| for | Wenn die Anzahl der Wiederholungen bekannt sind. |
 +| while | Wenn nur eine Bedingung überprüfen werden soll. |
 +| for...of | Wenn über ein Array durchgelaufen werden soll. |
 +| for...in | Wenn Objekte durchgegangen erden sollen. |
 +
 +**Achtung:** Endlosschleifen sind der Klassiker für eingefrorene Programme.
  
-==== Übersicht über die Schleifenarten ==== 
  
 ===== Lernvideos ===== ===== Lernvideos =====
 +
 +{{:de:modul:m288:learningunits:lu04:javascript_loops_tutorial_-_schleifen_in_javascript_lernen.mp4|Schleifen im JavaScript}}
  
  
  • de/modul/m288/learningunits/lu04/01.1757426623.txt.gz
  • Zuletzt geändert: 2025/09/09 16:03
  • von vdemir