JavaScript für… in VS für… von Loop
Looping spielt eine wichtige Rolle beim Zugriff auf die Elemente, um einen Wert auf der Grundlage der Bedingung abzurufen. Dieses Ergebnis führt eine Operation über eine bestimmte Zeichenfolge oder ein Objekt bequem durch. Darüber hinaus ist es auch wirksam bei der Iteration der Daten in der Masse, wodurch Zeit spart. In solchen Fällen, "für in" Und "für… von„Schleifen bieten großartige Funktionen beim intelligenten Zugriff auf Daten.
In diesem Blog werden die Unterschiede zwischen für… in und für… der Schleife in JavaScript mit Hilfe von Beispielen erläutert.
JavaScript für… in VS für… von Loop
Der "für inDie Schleife ist hilfreich, wenn die Eigenschaften eines Objekts iteriert werden. Wenn Sie über eine Zeichenfolge iteriert werden, gibt es die Indizes zurück, die den Zeichenfolgenwerten entsprechen, anstatt die Zeichenfolgewerte.
Der "für… vonDie Schleife hingegen wird nicht für die Iterierung durch Objekteigenschaften bevorzugt. Vielmehr schlägt es die Werte eines iterbaren Objekts durch. Es eignet sich jedoch zum Iterieren entlang der Stringwerte, da es leicht zugreift und auch die enthaltenen Zeichen separat zurückgibt.
Syntax
für (Variable in String)
In der angegebenen Syntax:
- “Variable”Bezieht sich auf die enthaltenen Zeichen in einer Zeichenfolge.
- “Saite”Entspricht dem Stringwert, auf den iteriert werden soll.
für (Variable iterable)
In der obigen Syntax:
- “Variable”Zeigt auf den Wert der nächsten Eigenschaft, die der Variablen bei jeder Iteration zugeordnet werden soll.
- “wiederholbar”Zeigt das Objekt mit iterablen Eigenschaften an.
Beispiel 1: Iteriert das für… in und für… von Schleifen über den Stringwert
In diesem Beispiel erklärt sich das Verhalten der beiden angegebenen Schleifen beim Iterieren über den angegebenen Stringwert.
für… in Schleife
Folgen wir dem untergewandten Beispiel der “für in”Schleife:
Im obigen Code -Snippet:
- Weisen Sie den angegebenen Zeichenfolgenwert zu “zu“LinuxHint”.
- Danach anwenden Sie die “für inSchleife, um entlang der String -Zeichen zu iterieren.
- Nach dem Protokollieren zeigt das Ergebnis stattdessen auf die Indizes, in denen die Stringzeichen gespeichert sind.
Ausgang
Aus der obigen Ausgabe kann beobachtet werden, dass die String -Indizes stattdessen abgerufen werden.
für… der Schleife
Beobachten wir das Verhalten des "für… von”Schleifen Sie nach der Iteration des angegebenen Zeichenfolgewerts unten:
Führen Sie in den obigen Codezeilen die folgenden Schritte aus:
- Geben Sie ebenso den angegebenen String -Wert an.
- Wenden Sie im nächsten Schritt die anfür… vonSchleife, um entlang des initialisierten String -Wertes zu iterieren.
- Schließlich führt die Ausgabe dazu, die Zeichen direkt zu holen, die in einer Zeichenfolge enthalten sind, und sie anzeigen.
Ausgang
In der obigen Ausgabe ist es offensichtlich, dass die Stringwerte zurückgegeben werden.
Beispiel 2: Iterieren für… in und für… der Schleife über das Objekt
Iterieren Sie in diesem speziellen Beispiel beide Schleifen über das erstellte Objekt und beobachten Sie die resultierende Ausgabe gegen jeden von ihnen.
für… in Schleife
Beobachten wir das Verhalten des "für inSchleife durch Iterien durch ein Objekt.
Folgen wir dem folgenden Beispiel:
In den obigen Codezeilen:
- Ein Objekt erstellen namens “objdata”Mit den benannten Eigenschaften (Harry, ID und Alter) und den entsprechenden Werten.
- Wenden Sie im nächsten Schritt die anfür inSchleife, um auf die Eigenschaften des Objekts sowie auf die entsprechenden Werte zuzugreifen.
- Der erste Parameter in der “Protokoll()Die Methode entspricht der Eigenschaft des Objekts und der andere bezieht sich auf ihren entsprechenden Wert.
- Infolgedessen werden sowohl die Objekteigenschaften als auch die Werte auf der Konsole protokolliert.
Ausgang
In der obigen Ausgabe kann beobachtet werden, dass die Eigenschaften des Objekts und die entsprechenden Werte auf der Konsole angezeigt werden.
für… der Schleife
Schauen wir uns die Iteration der "an"für… von”Schleife über das Objekt.
Schauen Sie sich den folgenden JavaScript -Code an:
Führen Sie im obigen Code -Snippet die folgenden Schritte aus:
- Erinnern Sie sich an die Schritte zum Erstellen eines Objekts im vorherigen Beispiel.
- Wenden Sie im nächsten Schritt die anfür… von”Schleife ähnlich, um entlang der Objekteigenschaften und den entsprechenden Werten zu iterieren.
- Dies führt zu einem Fehler, der in der folgenden Ausgabe zu sehen ist.
Ausgang
Aus dem obigen Ausgang kann beobachtet werden, dass das zugegriffene Objekt nicht iterbar ist.
Abschluss
Der "für… von"Schleife kann verwendet werden, um über die Saiten und die" zu schleifen "für inDie Schleife kann geeignet sein, Objekte in JavaScript zu überschreiten. Die frühere Schleife greift direkt auf die in einer Zeichenfolge enthaltenen Zeichen zu und gibt sie zurück. Die letztere Schleife kann verwendet werden. In diesem Tutorial wurde die Unterschiede zwischen für… in und für… der Schleife erläutert.