forEach Loop in JavaScript: One-Stop-Lösung für Anfänger



In diesem Blog lernen wir die forEach-Schleife und ihre Implementierung in JavaScript kennen. Der Blog behandelt Themen wie Parameter, Rückgabe und Verwendung.

bietet eine Vielzahl von Möglichkeiten zum Implementieren von Schleifen zum Durchlaufen eines Arrays. Heute werden wir eine bestimmte Schleife diskutieren, die sich unter Entwicklern schnell zu einem Favoriten entwickelt hat für jede Schleife in JavaScript. Nachfolgend finden Sie die Themen, mit denen wir uns befassen werden:

Was sind Schleifen und Arrays?

Schleife ist der Begriff für den Prozess des Implementierens eines Iterators, d. H. Etwas, das wiederholt ausgeführt wird. Wenn Sie also von 1 bis 10 zählen würden, würden Sie eine Schleife implementieren, die zehnmal wiederholt wird, und einen Zählwert um 1 erhöhen.

Arrays einfach ausgedrückt, eine Sammlung ähnlicher Objekte. Es eignet sich im Allgemeinen hervorragend zum Verwalten einer Liste von Dingen, z. B. Schülerinformationen, die als Schülerobjekt in einem Array gespeichert werden können. Eine gute Möglichkeit, ein Array zu durchlaufen, war eine for-Schleife, und genau das verbessert die forEach-Schleife. Erfahren Sie mehr über die forEach-Schleife.





forEach in der JavaScript-Syntax

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Hier können Sie Ihre gewünschte Funktion ausführen print (student)}


Der obige Snip ist die Syntax von a für jede einhängen . Schauen wir uns genauer an, wie dies alles ausgeführt wird. Wir deklarieren zunächst eine Reihe von Schülernamen und benennen sie entsprechend. Dann rufen wir die forEach-Funktion mit dem auf Punkt (.) Operator. Die von der Funktion zurückgegebenen Daten werden im Schüler gespeichert. Die Daten werden von einer Rückruffunktion zurückgegeben. In diesem Beispiel drucken wir einfach die Namen des Schülers, der die Ausgabe ergeben würde 'Rob Van Dam'

Parameter von forEach in JavaScript

Die Parameter werden in der Rückruffunktion übergeben, sie sind-



Vor- und Nachteile von Hacking
  • currentValue - Die aktuellen Werte, die im Rückruf übergeben werden. Im Snip ist der aktuelle Wert Schüler . Dieser Parameter ist obligatorisch.
  • index - Der Index des aktuellen Elements im Array. Dies ist ein optionaler Parameter.
  • this - Dies bezieht sich auf das aktuelle Objekt im Aufrufstapel.

Rückgabewert von forEach in JavaScript

nicht definiert . Immer .

Filter, Map geben ein Array zurück und forEach gibt undefiniert zurück. Dies ist der Hauptunterschied zwischen diesen Schleifen.



Nachdem die Grundlagen fertig sind, gehen wir einige Regeln durch, die bei der Verwendung zu beachten sind für jede .

  • forEach führt die Rückruffunktion einmal für jedes Array-Element aus.
  • Es wird immer undefiniert zurückgegeben.
  • Das Array wird nicht mutiert, der Rückruf kann jedoch, wenn er dafür programmiert ist.
  • forEach ist nicht kettenfähig wie Map, Reduce oder Filter.
  • Der Bereich der Elemente, die von verarbeitet werden für jede Die Schleife wird vor dem ersten Aufruf der Rückruffunktion gesetzt.
  • Elemente, die nachher an das Array angehängt werden forEach gestartet werden nicht von der Schleife besucht.
  • Elemente, die vor dem Besuch durch die Schleife gelöscht werden, werden nicht besucht.
  • Wenn bereits besuchte Elemente während der Iteration aus dem Array entfernt werden, werden spätere Elemente übersprungen.
  • Jede gestartete Schleife kann nicht gestoppt werden, ohne den Prozess-Thread zu beenden. Betrachten Sie es als Abonnement. Sie müssen sich abmelden, damit es aufhört.
  • forEach führt den Rückruf für die Array-Elemente ohne Werte nicht aus.

Dies sind die Regeln, die bei der Verwendung von immer zu beachten sind für jede Schleife.

Nachdem Sie die forEach-Schleife kennen, lesen Sie das Web Development Certification Training von Edureka. Mit dem Web Development Certification Training lernen Sie, wie Sie beeindruckende Websites mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'forEach in JavaScript' und wir werden uns bei Ihnen melden.