Eine Einführung in Iteratoren und Generatoren in JavaScript

Seit 2015 hat EcmaScript6 (ES6) viele Fortschritte in der JavaScript-Codierung gebracht. In JavaScript wurden zahlreiche moderne Konzepte eingeführt, die die Programmiererfahrung erheblich verbessert haben. In diesem Artikel erfahren Sie mehr über Iteratoren und Generatoren in JavaScript.

Iteratoren und Generatoren sind zwei verschiedene Konzepte, die jedoch auf ähnliche Weise verwendet werden. Sie werden verwendet, um Arrays und Objekte in JavaScript zu durchlaufen.

Iteratoren

Iteratoren sind wie erweiterte Schleifen, die angehalten werden können. Iteratoren bestehen aus den nächste() Funktion, die den Wert und den Fertigstatus zurückgibt. Die Wert field ist der Wert im Array an einem bestimmten Index. getan ist der boolesche Wert, der den Abschlussstatus für die Iteration durch die Schleife zurückgibt.

Hier ist ein Beispiel, das zeigt, wie Iteratoren:

Funktion fruitIter (Früchte){
lassen Index = 0;
Rückkehr {
weiter: Funktion () {
Rückgabeindex < Früchte.Länge? { Wert: Früchte[index++], done: false }: {done: true}

instagram viewer


}
}
}
const fruitArray = ["Mango", "Banane", "Trauben"];
const Fruits = fruitIter (fruitsArray);
console.log (fruits.next().value);

Ausgabe:

Mango

Wenn du die FrüchteArray Array in der FruchtIter() -Methode gibt sie einen Iterator zurück, der in der Früchte Variable. Die Index variabel im FruchtIter() Methode wird auf 0 initialisiert. Diese Methode gibt die nächste() Funktion, die hilft durch das Array schleifen. Die nächste() Funktion prüft, ob der Index kleiner ist als FrüchteArray Länge. Wenn ja, gibt es zwei Variablen zurück: den Fruchtnamen an diesem Index und die getan Status. Beim Zurückgeben dieser Werte wird auch der Indexwert erhöht.

Um zu überprüfen, wie diese Methode funktioniert und den Fruchtnamen zu drucken, müssen Sie die nächste() Funktion auf dem Früchte iterator und erhalten Sie Zugriff auf seinen Wert.

Verwandt: Was ist eine Funktion in der Programmierung?

Generatoren

Generatoren ähneln Iteratoren, geben jedoch mehrere Werte zurück. Diese Werte werden Ertragswerte genannt. Generatorfunktionen werden mit dem Funktion* Syntax. * bedeutet, dass es sich nicht um eine normale Funktion, sondern um einen Generator handelt. Hier ein Beispiel für Generatoren:

Funktion* printFruits(){
Ertrag "Mango";
Ertrag "Banane";
Ertrag "Trauben";
}
const Fruit = printFruits();
console.log (fruit.next()); 

Ausgabe:

{Wert: 'Mango', fertig: false}

In diesem Beispiel, Ertrag ist der Iterator. Wenn Sie die Funktion aufrufen printFruits(), und drucken Obst.nächste(), es gibt Ihnen ein Objekt, wo Sie den Wert erhalten. Die getan status gibt an, ob alle Werte durchlaufen wurden.

Lernen Sie Datenstrukturen mit ES6-Klassen in JavaScript kennen

JavaScript ES6 brachte viele Fortschritte in der Codierung. Nicht zuletzt der Aufbau von Datenstrukturen mit ES6-Klassen. Drücken. Pop, und stapeln Sie sich an die Spitze und werden Sie ein JavaScript-Profi!

So erstellen Sie Datenstrukturen mit JavaScript ES6-Klassen

Mit der Einführung von JavaScript ES6 kamen benutzerdefinierte Datenstrukturen. Hier erfahren Sie, wie Sie sie erstellen und anwenden.

Weiter lesen

Über den Autor