Loops

Modul #F4 - JavaScript - Loops.

Ziele

  • Du weisst, wie Loops funktionieren.
  • Du kennst die verschiedenen Typen Loops und kannst diese anwenden.

Loops

Ein Loop ist eine Struktur, mit der man einen Block Code wiederholt ausführen kann, solange eine bestimmte Bedingung erfüllt ist. Loops sind nützlich, wenn man eine bestimmte Aktion mehrmals ausführen möchten, ohne den Code zu duplizieren.

Es ist möglich, Loops zu verschachteln, um komplexe Iterationsprozesse durchzuführen. Dabei wird ein Loop innerhalb eines anderen Loops ausgeführt.

Wichtig bei der Verwendung von Loops ist es, darauf zu achten, dass die Bedingung, die man verwenden, letztendlich erfüllt wird, um eine Endlosschleife zu vermeiden. Eine Endlosschleife führt dazu, dass der Code in einem Loop stecken bleibt und den Rest des Programms nicht ausführt.

for-Loops

for, forEach, for…of

Im Kapitel Arrays werden die Loops for, forEach und for...of erklärt. Du kannst dort nochmal die Informationen nachlesen, wenn du dich im Thema nicht mehr so sicher fühlst.

for…in-Loop

Der for...in-Loop wird verwendet, um über die Eigenschaften eines Objekts zu iterieren.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
const person = { name: "Max", age: 30, city: "Berlin" };

for (let personProperty in person) {
  console.log(personProperty + ": " + person[personProperty]);
}

// Output:
// name: Max
// age: 30
// city: Berlin

while-Loops

while-Loop

Der while-Loop wird verwendet, um einen Code-Block so lange auszuführen, wie die angegebene Bedingung wahr ist. Die Bedingung ist ein boolescher Ausdruck, der ausgewertet wird, bevor jeder Durchlauf des Loops beginnt.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

// 0
// 1
// 2
// 3
// 4

do…while-Loop

Der do...while-Loop funktioniert ähnlich wie der while-Loop, jedoch wird der Code-Block jeweils immer vor der Überprüfung der Kondition ausgeführt.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
let i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);

// 0
// 1
// 2
// 3
// 4