Detaillierte Erläuterung von Iteratoren und Generatoren in JavaScript_Javascript-Kenntnissen

Die Verarbeitung jedes Elements in einer Sammlung ist eine sehr häufige Operation, die von einfachen for- und for-each-Schleifen bis hin zu map()-, filter()- und Array-Comprehensions reicht. In JavaScript 1.7 bringen Iteratoren und Generatoren neue Iterationsmechanismen in die JavaScript-Kernsyntax ein und bieten außerdem einen Mechanismus zum Anpassen des Verhaltens von for...in- und for every-Schleifen.

Iterator

Ein Iterator ist ein Objekt, das jeweils auf ein Element in einer Sammlungssequenz zugreift und die aktuelle Position der Iteration in der Sequenz verfolgt. In JavaScript ist ein Iterator ein Objekt, das eine next()-Methode bereitstellt, die das nächste Element in der Sequenz zurückgibt. Diese Methode löst eine StopIteration-Ausnahme aus, wenn alle Elemente in der Sequenz durchlaufen wurden.

Sobald ein Iteratorobjekt erstellt wurde, kann es explizit durch wiederholten Aufruf von next() oder implizit mithilfe der for...in- und for every-Schleifen von JavaScript aufgerufen werden.

Einfache Iteratoren zum Durchlaufen von Objekten und Arrays können mit Iterator() erstellt werden:

Code kopieren Der Code lautet wie folgt:

var lang = { name: 'JavaScript', Geburtsjahr: 1995 };
var it = Iterator(lang);

Sobald die Initialisierung abgeschlossen ist, kann die Methode next() aufgerufen werden, um nacheinander auf die Schlüssel-Wert-Paare des Objekts zuzugreifen:

Code kopieren Der Code lautet wie folgt:

var pair = it.next(); //Das Schlüssel-Wert-Paar ist ["name", "JavaScript"]
pair = it.next(); //Das Schlüssel-Wert-Paar ist ["Geburtstag", 1995]
pair = it.next(); //Eine „StopIteration“-Ausnahme wird ausgelöst

Die for…in-Schleife kann anstelle des expliziten Aufrufs der next()-Methode verwendet werden. Die Schleife wird automatisch beendet, wenn die StopIteration-Ausnahme ausgelöst wird.

Code kopieren Der Code lautet wie folgt:

var it = Iterator(lang);
für (Var-Paar darin)
Print(pair); //Jedes Mal ein [Schlüssel, Wert]-Schlüssel-Wert-Paar darin ausgeben

Wenn Sie nur den Schlüsselwert des Objekts iterieren möchten, können Sie den zweiten Parameter mit dem Wert true an die Funktion Iterator() übergeben:

Code kopieren Der Code lautet wie folgt:

var it = Iterator(lang, true);
for (Var-Schlüssel darin)
Print(key); //Schlüsselwert jedes Mal ausgeben

Ein Vorteil der Verwendung von Iterator() für den Zugriff auf Objekte besteht darin, dass zu Object.prototype hinzugefügte benutzerdefinierte Eigenschaften nicht im Sequenzobjekt enthalten sind.

Iterator() kann auch für Arrays verwendet werden:

Code kopieren Der Code lautet wie folgt:

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = Iterator(langs);
für (Var-Paar darin)
​​​ print(pair); //Jede Iteration gibt ein [Index, Sprache]-Schlüssel-Wert-Paar aus

Genau wie beim Durchlaufen eines Objekts führt die Übergabe von „true“ als zweiter Parameter dazu, dass die Durchquerung der Array-Index ist:

Code kopieren Der Code lautet wie folgt:

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = Iterator(langs, true);
für (var i darin)
​​​ print(i); //Ausgabe 0, dann 1, dann 2

Verwenden Sie das Schlüsselwort let, um Blockvariablen innerhalb der Schleife Indizes und Werte zuzuweisen. Sie können auch die destrukturierende Zuweisung verwenden:

Code kopieren Der Code lautet wie folgt:

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = Iterators(langs);
für (lass [i, lang] drin)
          print(i ': ' lang); //Ausgabe „0: JavaScript“ usw.

Deklarieren Sie einen benutzerdefinierten Iterator

Einige Objekte, die eine Sammlung von Elementen darstellen, sollten auf eine bestimmte Weise iteriert werden.

1. Die Iteration eines Objekts, das einen Bereich darstellt, sollte die im Bereich enthaltenen Zahlen nacheinander zurückgeben
2. Auf die Blattknoten eines Baums kann mit der Tiefen- oder Breitenorientierung
zugegriffen werden 3. Beim Durchlaufen eines Objekts, das die Ergebnisse einer Datenbankabfrage darstellt, sollten Zeile für Zeile zurückgegeben werden, auch wenn die gesamte Ergebnismenge noch nicht in ein einzelnes Array geladen wurde
4. Ein Iterator, der auf eine unendliche mathematische Folge (wie die Fibonacci-Folge) einwirkt, sollte Ergebnisse nacheinander zurückgeben, ohne eine Datenstruktur unendlicher Länge zu erstellen

JavaScript ermöglicht es Ihnen, benutzerdefinierte Iterationslogik zu schreiben und diese auf ein Objekt anzuwenden

Wir erstellen ein einfaches Range-Objekt, das niedrige und hohe Werte enthält:

Code kopieren Der Code lautet wie folgt:

Funktionsbereich (niedrig, hoch){
This.low = niedrig;
This.high = hoch;
}

Jetzt erstellen wir einen benutzerdefinierten Iterator, der eine Sequenz zurückgibt, die alle Ganzzahlen im Bereich enthält. Für die Iterator-Schnittstelle müssen wir eine next()-Methode bereitstellen, um das nächste Element in der Sequenz zurückzugeben oder eine StopIteration-Ausnahme auszulösen.

Code kopieren Der Code lautet wie folgt:

Funktion RangeIterator(range){
This.range = range;
This.current = this.range.low;
}
RangeIterator.prototype.next = function(){
If (this.current > this.range.high)
          throw StopIteration;
       sonst
          return this.current ;
};

Unser RangeIterator wird mit einer Range-Instanz instanziiert und verwaltet eine aktuelle Eigenschaft, um die aktuelle Sequenzposition zu verfolgen.

Damit RangeIterator schließlich mit Range kombiniert werden kann, müssen wir eine spezielle __iterator__-Methode für Range hinzufügen. Es wird aufgerufen, wenn wir versuchen, über einen Bereich zu iterieren, und sollte eine RangeIterator-Instanz zurückgeben, die die Iterationslogik implementiert.

Code kopieren Der Code lautet wie folgt:

Range.prototype.__iterator__ = function(){
        return new RangeIterator(this);
};

Sobald wir unseren benutzerdefinierten Iterator fertiggestellt haben, können wir über eine Bereichsinstanz iterieren:

Code kopieren Der Code lautet wie folgt:

var range = new Range(3, 5);
für (var i im Bereich)
​​​ print(i); //Ausgabe 3, dann 4, dann 5

Generatoren: eine bessere Möglichkeit, Iteratoren zu erstellen

Obwohl benutzerdefinierte Iteratoren ein nützliches Werkzeug sind, ist bei ihrer Erstellung eine sorgfältige Planung erforderlich, da ihr interner Zustand explizit beibehalten werden muss.

Der Generator bietet sehr leistungsstarke Funktionen: Er ermöglicht die Definition einer Funktion, die einen eigenen Iterationsalgorithmus enthält, und kann automatisch seinen eigenen Status beibehalten.

Generatoren sind spezielle Funktionen, die als Iteratorfabriken dienen können. Wenn eine Funktion einen oder mehrere Ertragsausdrücke enthält, wird sie als Generator bezeichnet (Anmerkung des Übersetzers: Node.js muss auch * vor dem Funktionsnamen hinzufügen, um dies anzuzeigen).

Hinweis: Nur Codeblöcke, die in

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Mehr anzeigen

Heißer Artikel

Assassin's Creed Shadows: Seashell Riddle -Lösung

3 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung

1 Monate vor By DDD

Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden

3 Wochen vor By DDD

<🎜>: Dead Rails - wie man jede Herausforderung abschließt

3 Wochen vor By DDD

Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7648

15

CakePHP-Tutorial

1392

52

Wie lautet das Format des Kontonamens von Steam?

91

11

Win11 -Aktivierungsschlüssel dauerhaft

73

19

NYT Mini Kreuzworträtsel Antworten

36

110

Mehr anzeigen

Related knowledge

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Bester kostenloser KI-Animationskunstgenerator Feb 19, 2024 pm 10:50 PM

Wenn Sie den besten kostenlosen Generator für KI-Animationskunst suchen, können Sie Ihre Suche beenden. Die Welt der Anime-Kunst fasziniert das Publikum seit Jahrzehnten mit ihren einzigartigen Charakterdesigns, faszinierenden Farben und fesselnden Handlungen. Allerdings erfordert die Erstellung von Anime-Kunst Talent, Geschick und viel Zeit. Dank der kontinuierlichen Weiterentwicklung der künstlichen Intelligenz (KI) können Sie jetzt mithilfe des besten kostenlosen KI-Animationskunstgenerators die Welt der Animationskunst erkunden, ohne sich mit komplexen Technologien befassen zu müssen. Dies eröffnet Ihnen neue Möglichkeiten, Ihrer Kreativität freien Lauf zu lassen. Was ist ein KI-Generator für Anime-Kunst? Der AI Animation Art Generator nutzt hochentwickelte Algorithmen und Techniken des maschinellen Lernens, um eine umfangreiche Datenbank mit Animationswerken zu analysieren. Durch diese Algorithmen lernt und identifiziert das System verschiedene Animationsstile

Mar 17, 2024 pm 09:21 PM

Golang ist eine schnelle und effiziente statisch kompilierte Sprache. Aufgrund ihrer prägnanten Syntax und leistungsstarken Leistung ist sie im Bereich der Softwareentwicklung sehr beliebt. In Golang ist Iterator (Iterator) ein häufig verwendetes Entwurfsmuster zum Durchlaufen von Elementen in einer Sammlung, ohne die interne Struktur der Sammlung offenzulegen. In diesem Artikel wird detailliert beschrieben, wie Iteratoren in Golang implementiert und verwendet werden, und den Lesern anhand spezifischer Codebeispiele ein besseres Verständnis vermittelt. 1. Definition des Iterators In Golang besteht der Iterator normalerweise aus einer Schnittstelle und einer Implementierung

See all articles