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 zur Iteration über Arrays. 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: Es wird eine konstante Variable namens students deklariert und ein Array mit drei Zeichenfolgen zugewiesen – "Brandon", "Mario" und "Saul". Dieses Array stellt eine Liste von Studierendennamen dar;
  • Zeile 3: Es beginnt 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 Iteration "Mario" und in der dritten Iteration "Saul".

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

2. Was stellt 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 beim Iterieren über Arrays?

Select the correct answer

question mark

Was stellt 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 or things to watch out for when using `for...of`?

Can you show how to use `for...of` with other data structures like Sets or Maps?

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 zur Iteration über Arrays. 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: Es wird eine konstante Variable namens students deklariert und ein Array mit drei Zeichenfolgen zugewiesen – "Brandon", "Mario" und "Saul". Dieses Array stellt eine Liste von Studierendennamen dar;
  • Zeile 3: Es beginnt 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 Iteration "Mario" und in der dritten Iteration "Saul".

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

2. Was stellt 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 beim Iterieren über Arrays?

Select the correct answer

question mark

Was stellt 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