JavaScript-Datenstrukturen

Kursinhalt

JavaScript-Datenstrukturen

JavaScript-Datenstrukturen

1. Einführung und Voraussetzungen

Einführung in den Kurs Voraussetzungen für den Kurs Was Behandelt Wird Tipps für den Erfolg

2. Objektgrundlagen

Verständnis von Objects Objekterstellung Verschachtelte Eigenschaften Herausforderung: Ein Objekt Erstellen Zugriff auf Objekteigenschaften Herausforderung: Zugriff auf Objekteigenschaften Arbeiten mit Properties Herausforderung: Objekt Modifizieren und Erweitern Objektmethoden Eigenschaften in Methoden Herausforderung: Arbeiten mit Objekt-Methoden Objektgrundlagen Zusammenfassen

3. Fortgeschrittene Objektmanipulation

Objektiteration mit for...in-Schleife Herausforderung: Objekt Property Explorer Methode hasOwnProperty()Herausforderung: hasOwnProperty() für die Iteration von Objekteigenschaften Spread-Operator Herausforderung: Objekte Zusammenführen und Eigenschaften Hinzufügen Objektdestrukturierung Herausforderung: Destructuring Zusammenfassung der Fortgeschrittenen Objektmanipulation

4. Mastering Arrays

Arrays Verstehen Herausforderung: Array-Element Accessor Arbeiten mit Array-Elementen Herausforderung: Array-Element-Modifikator For-Schleife Herausforderung: Iteration Über Array-Elemente For...of-Schleife Herausforderung: Iteration mit for...of Zusammenfassung der Arrays Meistern

5. Fortgeschrittene Array-Operationen

Map() Methode Herausforderung: Array-Element-Transformation Filter() Methode Herausforderung: Filtern von Students Nach Prüfungsergebnissen Find() Methode Herausforderung: Entdecken von Vorgestellten Produkten Sort()-Methode Herausforderung: Sortieren und Extrahieren von Properties Zusammenfassung der Fortgeschrittenen Array-Operationen Kurszusammenfassung

For...of-Schleife

Syntax

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

In dieser Syntax:

const element ist eine Variable, die den Wert jedes Elements während jeder Iteration speichert;
of array gibt das Array an, über das wir iterieren möchten.

Beispiel

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


              12345
            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}

Zeile 1: Es deklariert eine konstante Variable namens students und weist ihr ein Array zu, das drei Zeichenfolgen enthält - "Brandon", "Mario" und "Saul". Dieses Array stellt eine Liste von Schülernamen dar;
Zeile 3: Es startet eine for...of Schleife. Die Schleife wird verwendet, um jedes Element im students Array nacheinander zu durchlaufen;
Zeile 4: Innerhalb der for...of Schleife verwenden wir die Funktion console.log(), um den Wert des aktuellen Elements in der Konsole auszugeben. Die Variable student repräsentiert das aktuelle Element im Array während jeder Schleifeniteration. In der ersten Iteration wird es "Brandon" sein, in der zweiten Iteration "Mario" und in der dritten Iteration "Saul".

1. Was ist der Hauptvorteil der Verwendung einer `for...of` Schleife beim Durchlaufen von Arrays?

2. Was repräsentiert `for...of` in der `const element` Schleifensyntax?

3. Was ist der Zweck des Teils `of array` in der `for...of` Schleifensyntax?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 7

some-alt