Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verwendung der For...of-Schleife zur Array-Iteration | JavaScript-Arrays Meistern
Javascript Datenstrukturen

bookVerwendung der For...of-Schleife zur Array-Iteration

Syntax

Die for...of-Schleife ist eine modernere und prägnantere Methode, um über Arrays zu iterieren. Sie übernimmt automatisch den Schleifenzähler und ermöglicht den direkten Zugriff auf den Wert jedes Elements. Die Syntax einer for...of-Schleife lautet wie folgt:

for (const element of array) {
  // Code to be executed for each array element
}

In dieser Syntax:

  • const element ist eine Variable, die während jeder Iteration den Wert des jeweiligen Elements speichert;
  • of array gibt das Array an, über das iteriert werden soll.

Beispiel

Hier ist ein Beispiel für die Verwendung der for...of-Schleife, um das gleiche Ergebnis wie mit der vorherigen for-Schleife zu erzielen:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Zeile 1: Deklariert eine konstante Variable namens students und weist ihr ein Array mit drei Zeichenfolgen zu – "Brandon", "Mario" und "Saul". Dieses Array stellt eine Liste von Studierendennamen dar;
  • Zeile 3: Startet eine for...of-Schleife. Die Schleife wird verwendet, um nacheinander durch jedes Element im Array students zu iterieren;
  • Zeile 4: Innerhalb der for...of-Schleife wird die Funktion console.log() verwendet, um den Wert des aktuellen Elements in der Konsole auszugeben. Die Variable student steht während jeder Iteration für das aktuelle Element im Array. In der ersten Iteration ist dies "Brandon", in der zweiten "Mario" und in der dritten "Saul".

1. Was ist der Hauptvorteil der Verwendung einer for...of-Schleife bei der Iteration über Arrays?

2. Was stellt das for...of in der Syntax der const element-Schleife dar?

3. Was ist der Zweck des Teils of array in der Syntax der for...of-Schleife?

question mark

Was ist der Hauptvorteil der Verwendung einer for...of-Schleife bei der Iteration über Arrays?

Select the correct answer

question mark

Was stellt das for...of in der Syntax der const element-Schleife dar?

Select the correct answer

question mark

Was ist der Zweck des Teils of array in der Syntax der for...of-Schleife?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 7

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain the difference between `for...of` and `for...in` loops?

Are there any limitations to using `for...of` with objects?

Can you show how to use `for...of` with other iterable types, like strings or Sets?

Awesome!

Completion rate improved to 2.27

bookVerwendung der For...of-Schleife zur Array-Iteration

Swipe um das Menü anzuzeigen

Syntax

Die for...of-Schleife ist eine modernere und prägnantere Methode, um über Arrays zu iterieren. Sie übernimmt automatisch den Schleifenzähler und ermöglicht den direkten Zugriff auf den Wert jedes Elements. Die Syntax einer for...of-Schleife lautet wie folgt:

for (const element of array) {
  // Code to be executed for each array element
}

In dieser Syntax:

  • const element ist eine Variable, die während jeder Iteration den Wert des jeweiligen Elements speichert;
  • of array gibt das Array an, über das iteriert werden soll.

Beispiel

Hier ist ein Beispiel für die Verwendung der for...of-Schleife, um das gleiche Ergebnis wie mit der vorherigen for-Schleife zu erzielen:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Zeile 1: Deklariert eine konstante Variable namens students und weist ihr ein Array mit drei Zeichenfolgen zu – "Brandon", "Mario" und "Saul". Dieses Array stellt eine Liste von Studierendennamen dar;
  • Zeile 3: Startet eine for...of-Schleife. Die Schleife wird verwendet, um nacheinander durch jedes Element im Array students zu iterieren;
  • Zeile 4: Innerhalb der for...of-Schleife wird die Funktion console.log() verwendet, um den Wert des aktuellen Elements in der Konsole auszugeben. Die Variable student steht während jeder Iteration für das aktuelle Element im Array. In der ersten Iteration ist dies "Brandon", in der zweiten "Mario" und in der dritten "Saul".

1. Was ist der Hauptvorteil der Verwendung einer for...of-Schleife bei der Iteration über Arrays?

2. Was stellt das for...of in der Syntax der const element-Schleife dar?

3. Was ist der Zweck des Teils of array in der Syntax der for...of-Schleife?

question mark

Was ist der Hauptvorteil der Verwendung einer for...of-Schleife bei der Iteration über Arrays?

Select the correct answer

question mark

Was stellt das for...of in der Syntax der const element-Schleife dar?

Select the correct answer

question mark

Was ist der Zweck des Teils of array in der Syntax der for...of-Schleife?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 7
some-alt