Holen Sie sich Schleifenzähler/Index mit für… von Syntax in JavaScript

Die für… der Schleife in JavaScript ist ein neues Schleifenkonstrukt, das in ECMascript 6 (ES6) eingeführt wurde und verwendet wird, um iterable Objekte wie "wie z."Arrays","Saiten", Und "Karten”. Es ist erwähnenswert, dass die für… der Schleife keinen direkten Zugriff auf den Index/Zähler der Iteration bietet. Wenn Sie den Index oder Zähler abrufen möchten, können Sie die für… der Schleife in Verbindung mit dem “verwendenArray.Einträge ()" Methode.

Dieser Blog definiert den Weg, um den Schleifenschalter mit der “zu erhaltenfür… of ”Schleife in JavaScript.

So erhalten Sie Schleifenzähler/Index mit für… von Syntax in JavaScript?

Verwenden Sie die “Array.Einträge ()Methode, um den Schleifenzähler oder den Index zu erhalten. Es gibt ein neues Iteratorobjekt, das die Schlüssel-/Wertpaare des Arrays für jeden Index enthält.

Syntax

Folgen Sie der angegebenen Syntax, um den Schleifenschalter mit "mit" zu erhalten "für… von”Schleife:

für (const [i, e] von arr.Einträge ())
//…

Hier, "ich" repräsentiert die "Index" Und "e”Bezeichnet das"Elemente”Von einem Array:

Beispiel

Erstellen Sie ein Array namens “arr”:

const arr = ['alpha', 'beta', 'gamma'];

Iterieren Sie das Array mit der für… von Schleife:

für (const i von arr)
Konsole.log (i);

Es kann beobachtet werden, dass eine Konsole.Log () -Methode druckt nur die Werte eines Arrays:

Um die Anzahl der Schleifen oder die Indexes zu erhalten, rufen wir die Methode der Einträge () mit einem Array in der für… der Schleife auf, mit der die Array -Elemente mit der Schleifenzahl oder den Indexen der Elemente im Schlüssel-/Wertpaar gedruckt werden:

für (const [i, e] von arr.Einträge ())
Konsole.log (i, e);

Die Ausgabe zeigt an, dass die Elemente eines Arrays mit der Schleifenzahl oder den Indexe von Elementen gedruckt werden:

Sie können den Schleifenschalter oder die Indizes auch mit den Elementen mithilfe der wörtlichen Notation (Backticks) in der Konsole anzeigen.log () Methode:

Wir haben alle wesentlichen Informationen zum Erhalten des Schleifenzählers/-index mithilfe der für… der Schleife in JavaScript zusammengestellt.

Abschluss

Verwenden Sie die “, um den Schleifenschalter oder die Indizes der Schleife zu erhaltenArray.Einträge ()Methode mit der “für… von”Schleife. Es gibt ein neues Iteratorobjekt, das die Schlüssel-/Wertpaare des Arrays für jeden Index enthält. In diesem Blog wurde die Methode definiert, um den Schleifenschalter mit der “zu erhalten“für… of ”Schleife in JavaScript.