Wie man durch Objekte in JavaScript iteriert

Zu wissen, wie man durch einen aufzählbaren Datensatz in JavaScript iteriert, ist für JavaScript -Anfänger unerlässlich. Die Daten, die Sie iterieren müssen, können in jeder Form vorliegen, z. B. Karten, Listen, Arrays und Objekte. Verschiedene JavaScript-Methoden werden zum Iterieren durch Objekte in JavaScript und zum Abholen der mehreren Schlüsselwertpaare verwendet. Major vier von ihnen sind für… in Schleife, Objekt.Schlüssel() Methode, Objekt.Werte() Methode und Objekt.Einträge () Methode.

In diesem Artikel werden die Methoden zum Iterieren durch Objekte in JavaScript diskutiert. Darüber hinaus die Verfahren zur Objekt -Iteration wie für… in Schleife, Objekt.Keys () Methode, Objekt.Werte () Methode und Objekt.Einträge () Methoden werden auch mit Beispielen demonstriert. So lass uns anfangen!

Durch Objekte in JavaScript durchführen, indem Sie für… in der Schleife verwenden

Eine der häufigsten Methoden, um die Objekteigenschaften zu iterieren, ist die Verwendung des “für in”Schleife. Der Code, den Sie in der für… in der Schleife hinzufügen, wird für jede Eigenschaft Ihres Objekts einmal ausgeführt.

Beispiel: Iterieren von Objekten in JavaScript durch Verwendung für… in Schleife

Zunächst müssen Sie ein Objekt in einem JavaScript -Programm erstellen. Zum Beispiel haben wir im folgenden Beispiel eine "erstellt" erstellt "Benutzer"Objekt mit"Name","Alter","Email", Und "aktiv”Als Eigenschaften:

const user =
Name: 'Jack Smith',
Alter: 28,
E -Mail: 'Jacksmith232@Google Mail.com ',
aktiv: true;

Als nächstes werden wir das verwenden “für in”Schleifen, um durch die Erschaffenen zu iterieren Benutzer Objekt. Der "für inDie Schleife gibt die Objekteigenschaften oder -tasten und deren Werte zurück:

// durch das Benutzerobjekt durchzusetzen
für (const Schlüssel im Benutzer)
Konsole.log ('$ key: $ user [key]');

Hier ist der vollständige Code des angegebenen Beispiels mit seiner Ausgabe:

Durch Objekte durch Objekte in JavaScript durch die Verwendung von Objekten iterieren.Keys () Methode

Um durch Objekte zu iterieren, die erleichtert, die Objekt.Schlüssel() Methode wurde hinzugefügt zu Es6. Sie müssen das Objekt übergeben, das Sie iterieren möchten, und das JavaScript -Objekt.Die Keys () -Methode gibt ein Array zurück, das alle Schlüssel oder Eigenschaftsnamen umfasst. Dann können Sie dieses Array durch dieses Array iterieren und den Wert jeder Eigenschaft mithilfe einer Array -Schleifenmethode wie der JavaScript foreach () -Schload abrufen.

Beispiel: Durch die Verwendung von Objekten durch Objekte in JavaScript iteriert.Keys () Methode

Für den Demonstrationszweck werden wir eine “erstellen“Kurse"Objekt mit unterschiedlichen Kursen als Eigenschaften wie" wie "db","JavaScript","CP", Und "DLD”Und zuweist jedem von ihnen spezifische Werte:

const curses =
DB: 45,
JavaScript: 67,
CP: 23,
DLD: 15;

Danach werden wir unsere umwandeln “Kurse"Objekt dem"Schlüssel”Array:

// Objekt in Schlüsselarray konvertieren
const keys = Objekt.Schlüssel (Kurse);
// Alle Schlüssel drucken
Konsole.log (keys);

Im nächsten Schritt werden wir mit dem “iterierenKurse”Objekt mit der“Schlüssel”Array. Hier haben wir das benutztfür jede()”Schleife für die Iteration:

// durch das Objekt iterieren
Schlüssel.foreach ((Schlüssel, index) =>
Konsole.log ('$ key: $ Kurse [key]');
);

Schauen Sie sich die Ausgabe des vorgesehenen Beispiels im untergegebenen Bild an:

Durch Objekte durch Objekte in JavaScript durch die Verwendung von Objekten iterieren.Werte () Methode

Das JavaScript -Objekt.VALUTS () -Methoden ist dem Objekt entgegengesetzt.KEY () Methode und wurde in die ES8 eingebettet. Das Objekt.VALUTE () Methoden gibt ein Array aus, das die Eigenschaftswerte des hinzugefügten Objekts umfasst. Danach können Sie die Objektwerte durch die Verwendung einer Array -Schleifenmethode wie JavaScript foreach () -Sloop iterieren.

Beispiel: Durch die Verwendung von Objekten durch Objekte in JavaScript iteriert.Werte () Methode

In diesem Beispiel wird Ihnen angezeigt, wie Sie mit dem Objekt iterieren können.Werte () Methode durch einen Objektwert. Zu diesem Zweck werden wir eine „erstellen“Vögel"Objekt mit vier Eigenschaften"Krähe","Spatz","Papagei", Und "Taube”Mit ihren jeweiligen Werten:

const birds =
Krähe: 1,
Sparrow: 2,
Papagei: 3,
Pigeon: 4;

Nun durch die Werte der “zu iterieren“VögelObjekt, wir werden das Objekt aufrufen.Werte () Methode beim Übergeben der “VögelObjekt als Argument:

// durch Objektwerte iterieren
Objekt.Werte (Vögel).foreach (val => Konsole.log (val));

Schauen Sie sich die untergegebene Ausgabe der Iteration der Objektwerte an:

Durch Objekte durch Objekte in JavaScript durch die Verwendung von Objekten iterieren.Einträge () Methode

Eine weitere ES8 -Methode, die zum Iterieren der Objekte in JavaScript verwendet werden kann, ist “Objekt.Einträge ()" Methode. Wenn Sie das Objekt aufrufen.Einträge () Methode, indem das erstellte Objekt als Argument übergeben wird, gibt es in jedem inneren Array zwei Elemente zurück. Das erste Array -Element wird die Objekteigenschaft dargestellt, und sein entsprechender Wert wird im zweiten Element gespeichert.

Beispiel: Durch die Verwendung von Objekten durch Objekte in JavaScript iteriert.Einträge () Methode

Um das Objekt zu verwenden.Erstellen Sie in Ihrem JavaScript -Programm ein Objekt mit einigen Eigenschaften und ihren Werten in Ihrem JavaScript -Programm ein. Zum Beispiel haben wir eine geschaffen “VögelObjekt mit vier Eigenschaften:

const birds =
Krähe: 1,
Sparrow: 2,
Papagei: 3,
Pigeon: 4;

Nun, um durch das zu iterierenObjekt"Werte, wir werden unsere übergeben"Vögel"Objekt als Argument für die"Objekt.Einträge ()Methode und speichern Sie den Rückgabewert in "Einträge”Variable:

// durch Objektwerte iterieren
const Einträge = Objekt.Einträge (Vögel);
Konsole.log (Einträge);

Wie Sie aus der untergegebenen Ausgabe sehen können, ist die “Objekt.Einträge ()"Methode hat vier innere Arrays zurückgegeben, wobei jedes Array eine einzelne Eigenschaft der" speichert "VögelObjekt zusammen mit seinem Wert:

Durch das Array zu iterieren, das vom JavaScript -Objekt zurückgegeben wird.Einträge () Methode, Sie können auch die “verwenden“für jede()”Methode oder die“für… von”Schleife.

Um die für… der Schleife zu verwenden, müssen Sie den folgenden Code nach dem Erstellen des erforderlichen Virds -Objekts schreiben:

für (const [Schlüssel, Wert] des Objekts.Einträge (Vögel))
Konsole.log ('$ key: $ value');

Mit Hilfe der “für… von"Schleife, wir haben erfolgreich über die" iteriert "VögelObjekt, das in der Ausgabe zu sehen ist:

In diesem Fall, wenn Sie das verwenden möchten “für jede()Methode für denselben Zweck, dann das Objekt aufrufen.methode () bots (), während das erstellte Objekt als Argument übergeben und dann das aufrufen “für jede()" Methode. Die foreach () -Methode gibt die Objekteigenschaften oder Schlüssel und ihre jeweiligen Werte zurück:

// foreach () Methode
Objekt.Einträge (Vögel).foreach (([Schlüssel, Wert]) =>
Konsole.log ('$ key: $ value')
);

Abschluss

Verwenden Sie für… in Schleife, Objekt.key () Methode, Objekt.Werte () Methode, Objekt.Einträge () Methode, Sie können die Objekte in JavaScript durch die Objekte iterieren. Das für… in Schleife, Objekt.Einträge () Methode und Objekt.Die Keys () -Methode wird verwendet, um die Objektschlüsselpaarwerte zu iterieren, während das Objekt.values ​​() iteriert nur die Eigenschaftswerte eines Objekts. In diesem Bericht wurde die Methoden der Iteration durch Objekte in JavaScript erörtert. Darüber hinaus die Verfahren zur Objekt -Iteration wie für… in Schleife, Objekt.Keys () Methode, Objekt.Werte () Methode und Objekt.Einträge () Methoden werden auch mit Beispielen demonstriert.