Heim Web-Frontend js-Tutorial forEach vs. for: Der asynchrone Showdown!

forEach vs. for: Der asynchrone Showdown!

Jan 07, 2025 pm 10:41 PM

forEach vs. for: The Asynchronous Showdown!

Verstehen, wie sich Schleifenauswahlmöglichkeiten auf die asynchrone Leistung auswirken

In meinem letzten Projekt musste ich eine große Anzahl von Datensätzen in einer NoSQL-Datenbank aktualisieren – über tausend. Da es nicht möglich war, sie alle auf einmal zu aktualisieren, und der Prozess außerdem asynchron war, habe ich beschlossen, sie in kleineren Stapeln von jeweils 20 Datensätzen zu verarbeiten. Ich habe dies in einer Schleife mit forEach implementiert, wobei jeder Satz von 20 aktualisiert wurde, bevor mit dem nächsten Satz fortgefahren wurde. Nachdem ich diesen Ansatz jedoch in die Praxis umgesetzt hatte, stellte ich fest, dass nicht alle Datensätze wie erwartet aktualisiert wurden, selbst bei diesen kleineren Stapeln. Als ich beispielsweise versuchte, einen Stapel von 25 Datensätzen zu aktualisieren, wurden nur 10 erfolgreich aktualisiert. Für die anderen 10 Datensätze gab es keine Protokolle und die Anzahl der Datensätze, die nicht aktualisiert werden konnten, schwankte zufällig – manchmal 12, manchmal 5 oder manchmal 7.

Beim weiteren Debuggen habe ich festgestellt, dass diese Datensätze wahrscheinlich während des Aktualisierungsvorgangs übersprungen werden. Warum ist das nun passiert? Lassen Sie uns dieses Problem untersuchen, um das Verhalten zu verstehen und mögliche Gründe dafür zu identifizieren.

Problem
Nach einigen Recherchen habe ich herausgefunden, dass die Verwendung einer asynchronen Funktion innerhalb einer forEach-Schleife ohne einen geeigneten Mechanismus zum Warten auf alle Iterationen zu Problemen führen kann. In diesem Fall haben wir async/await innerhalb der forEach-Schleife verwendet, ohne sicherzustellen, dass alle Iterationen abgewartet wurden (siehe Code unten):

async function patchRecords(records) {
    // Here, the length of records is 25
    let successfulUpdates = 0; // Initialize a counter for successful updates

    records.forEach(async (item) => {
        await databaseName.patch(item);
        successfulUpdates++; // Increment counter on successful update
    });
    // Return the number of records updated successfully
    return successfulUpdates;
}

const response = await patchRecords(records); // Make sure to await this call
Nach dem Login kopieren
Nach dem Login kopieren

Im obigen Code gibt es keinen Mechanismus, der sicherstellt, dass alle asynchronen Iterationen der Schleife abgeschlossen werden. Die forEach-Methode löst mehrere asynchrone Aufrufes aus, um die Datensätze zu patchen, aber die patchRecords-Funktion erreicht schnell die Return-Anweisung, ohne auf den Abschluss dieser Patches zu warten. Während die Aktualisierungen im Hintergrund verarbeitet werden, läuft die Funktion daher weiter, ohne auf deren Abschluss zu warten. Dies kann dazu führen, dass einige ausstehende Versprechen nicht eingehalten werden, was dazu führen kann, dass Updates übersprungen oder verworfen werden.

Lösung
Wie können wir das also lösen? Bevor wir uns mit der Lösung befassen, wollen wir zunächst die verschiedenen Möglichkeiten zur Iteration über Daten verstehen. Grundsätzlich gibt es zwei Ansätze: Iterieren über Daten sequentiell oder parallel.

Wenn Sie asynchron und sequentiell über Daten iterieren möchten, kann die Verwendung einer forEach-Schleife zu den von uns besprochenen Problemen führen. Stattdessen ist es besser, eine moderne for…of-Schleife oder eine einfache for-Schleife zu verwenden, da diese eine ordnungsgemäße Funktion von await ermöglichen und sicherstellen, dass alle Aktualisierungen verarbeitet werden ohne übersprungen zu werden (siehe Code unten).

async function patchRecords(records) {
    // Here, the length of records is 25
    let successfulUpdates = 0; // Initialize a counter for successful updates

    records.forEach(async (item) => {
        await databaseName.patch(item);
        successfulUpdates++; // Increment counter on successful update
    });
    // Return the number of records updated successfully
    return successfulUpdates;
}

const response = await patchRecords(records); // Make sure to await this call
Nach dem Login kopieren
Nach dem Login kopieren

Wenn Sie andererseits Datensätze parallel verarbeiten möchten, funktioniert die Verwendung von forEach wiederum nicht. Während jeder asynchrone Rückruf ein Versprechen zurückgibt, bleiben einige dieser Versprechen möglicherweise unerfüllt, weil nicht auf sie gewartet wird. Verwenden Sie stattdessen map, um eine Reihe von Versprechen zu generieren, und warten Sie diese dann mit Promise.all ab (siehe Code unten).

async function patchRecords(records) {
    let successfulUpdates = 0; // Counter for successful updates

    for (const item of records) {
        try {
            // Query to patch each record
            await databaseName.patch(item);
            successfulUpdates++; // Increment counter on success
        } catch {
            // Handle any errors
        }
    }

    return successfulUpdates; // Return the number of records updated successfully
}

const response = await patchRecords(records); // Make sure to await this call
Nach dem Login kopieren

Dies zeigt, wie sich die Wahl der richtigen Schleifenmethode stark auf die erwarteten Ergebnisse Ihrer asynchronen Vorgänge auswirken kann. Die Art der Schleife, die Sie verwenden – ob forEach, for…of oder eine Standard-for-Schleife – spielt eine entscheidende Rolle dabei, wie gut Ihr Code asynchrone Aufgaben verwaltet.

Zusammenfassung

  • Herausforderung: Das Massenaktualisieren von Datensätzen mit forEach führte zu inkonsistenten Aktualisierungen, wobei viele Datensätze übersprungen wurden.
  • Grundursache: forEach wartet nicht auf den Abschluss asynchroner Vorgänge, was zu unerfüllten Versprechen führt.
  • Lösung: Verwenden Sie eine for…of-Schleife, um der Reihe nach auf jede Datensatzaktualisierung zu warten, um die Genauigkeit zu gewährleisten, oder verwenden Sie Map mit Promise.all für gleichzeitige Aktualisierungen.

Habe ich die Dinge klar erklärt? Lass es mich unten in den Kommentaren wissen.

Es hat mir Spaß gemacht, meine Erfahrungen zu teilen, und ich hoffe, dass Sie sie auch wertvoll fanden! Da ich diesen Bereich noch erforsche, würde ich mich über Ihr Feedback und Ihre Vorschläge freuen. ☺️ Wenn Sie Bereiche sehen, in denen ich mich verbessern kann, oder Themen haben, die ich behandeln soll, zögern Sie bitte nicht, mich zu kontaktieren! ? Webseite. Ich freue mich darauf, mit Ihrer Hilfe zu lernen und zu wachsen. ??

Das obige ist der detaillierte Inhalt vonforEach vs. for: Der asynchrone Showdown!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Heißer Artikel

<🎜>: Bubble Gum Simulator Infinity - So erhalten und verwenden Sie Royal Keys
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusionssystem, erklärt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1673
14
PHP-Tutorial
1278
29
C#-Tutorial
1257
24
Python vs. JavaScript: Die Lernkurve und Benutzerfreundlichkeit Python vs. JavaScript: Die Lernkurve und Benutzerfreundlichkeit Apr 16, 2025 am 12:12 AM

Python eignet sich besser für Anfänger mit einer reibungslosen Lernkurve und einer kurzen Syntax. JavaScript ist für die Front-End-Entwicklung mit einer steilen Lernkurve und einer flexiblen Syntax geeignet. 1. Python-Syntax ist intuitiv und für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet. 2. JavaScript ist flexibel und in Front-End- und serverseitiger Programmierung weit verbreitet.

JavaScript und das Web: Kernfunktionalität und Anwendungsfälle JavaScript und das Web: Kernfunktionalität und Anwendungsfälle Apr 18, 2025 am 12:19 AM

Zu den Hauptanwendungen von JavaScript in der Webentwicklung gehören die Interaktion der Clients, die Formüberprüfung und die asynchrone Kommunikation. 1) Dynamisches Inhaltsaktualisierung und Benutzerinteraktion durch DOM -Operationen; 2) Die Kundenüberprüfung erfolgt vor dem Einreichung von Daten, um die Benutzererfahrung zu verbessern. 3) Die Aktualisierung der Kommunikation mit dem Server wird durch AJAX -Technologie erreicht.

JavaScript in Aktion: Beispiele und Projekte in realer Welt JavaScript in Aktion: Beispiele und Projekte in realer Welt Apr 19, 2025 am 12:13 AM

Die Anwendung von JavaScript in der realen Welt umfasst Front-End- und Back-End-Entwicklung. 1) Zeigen Sie Front-End-Anwendungen an, indem Sie eine TODO-Listanwendung erstellen, die DOM-Operationen und Ereignisverarbeitung umfasst. 2) Erstellen Sie RESTFUFFUPI über Node.js und express, um Back-End-Anwendungen zu demonstrieren.

Verständnis der JavaScript -Engine: Implementierungsdetails Verständnis der JavaScript -Engine: Implementierungsdetails Apr 17, 2025 am 12:05 AM

Es ist für Entwickler wichtig, zu verstehen, wie die JavaScript -Engine intern funktioniert, da sie effizientere Code schreibt und Leistungs Engpässe und Optimierungsstrategien verstehen kann. 1) Der Workflow der Engine umfasst drei Phasen: Parsen, Kompilieren und Ausführung; 2) Während des Ausführungsprozesses führt die Engine dynamische Optimierung durch, wie z. B. Inline -Cache und versteckte Klassen. 3) Zu Best Practices gehören die Vermeidung globaler Variablen, die Optimierung von Schleifen, die Verwendung von const und lass und die Vermeidung übermäßiger Verwendung von Schließungen.

Python gegen JavaScript: Community, Bibliotheken und Ressourcen Python gegen JavaScript: Community, Bibliotheken und Ressourcen Apr 15, 2025 am 12:16 AM

Python und JavaScript haben ihre eigenen Vor- und Nachteile in Bezug auf Gemeinschaft, Bibliotheken und Ressourcen. 1) Die Python-Community ist freundlich und für Anfänger geeignet, aber die Front-End-Entwicklungsressourcen sind nicht so reich wie JavaScript. 2) Python ist leistungsstark in Bibliotheken für Datenwissenschaft und maschinelles Lernen, während JavaScript in Bibliotheken und Front-End-Entwicklungsbibliotheken und Frameworks besser ist. 3) Beide haben reichhaltige Lernressourcen, aber Python eignet sich zum Beginn der offiziellen Dokumente, während JavaScript mit Mdnwebdocs besser ist. Die Wahl sollte auf Projektbedürfnissen und persönlichen Interessen beruhen.

Python vs. JavaScript: Entwicklungsumgebungen und Tools Python vs. JavaScript: Entwicklungsumgebungen und Tools Apr 26, 2025 am 12:09 AM

Sowohl Python als auch JavaScripts Entscheidungen in Entwicklungsumgebungen sind wichtig. 1) Die Entwicklungsumgebung von Python umfasst Pycharm, Jupyternotebook und Anaconda, die für Datenwissenschaft und schnelles Prototyping geeignet sind. 2) Die Entwicklungsumgebung von JavaScript umfasst Node.JS, VSCODE und WebPack, die für die Entwicklung von Front-End- und Back-End-Entwicklung geeignet sind. Durch die Auswahl der richtigen Tools nach den Projektbedürfnissen kann die Entwicklung der Entwicklung und die Erfolgsquote der Projekte verbessert werden.

Die Rolle von C/C bei JavaScript -Dolmetschern und Compilern Die Rolle von C/C bei JavaScript -Dolmetschern und Compilern Apr 20, 2025 am 12:01 AM

C und C spielen eine wichtige Rolle in der JavaScript -Engine, die hauptsächlich zur Implementierung von Dolmetschern und JIT -Compilern verwendet wird. 1) C wird verwendet, um JavaScript -Quellcode zu analysieren und einen abstrakten Syntaxbaum zu generieren. 2) C ist für die Generierung und Ausführung von Bytecode verantwortlich. 3) C implementiert den JIT-Compiler, optimiert und kompiliert Hot-Spot-Code zur Laufzeit und verbessert die Ausführungseffizienz von JavaScript erheblich.

Python gegen JavaScript: Anwendungsfälle und Anwendungen verglichen Python gegen JavaScript: Anwendungsfälle und Anwendungen verglichen Apr 21, 2025 am 12:01 AM

Python eignet sich besser für Datenwissenschaft und Automatisierung, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python funktioniert in Datenwissenschaft und maschinellem Lernen gut und unter Verwendung von Bibliotheken wie Numpy und Pandas für die Datenverarbeitung und -modellierung. 2. Python ist prägnant und effizient in der Automatisierung und Skripten. 3. JavaScript ist in der Front-End-Entwicklung unverzichtbar und wird verwendet, um dynamische Webseiten und einseitige Anwendungen zu erstellen. 4. JavaScript spielt eine Rolle bei der Back-End-Entwicklung durch Node.js und unterstützt die Entwicklung der Vollstapel.

See all articles