In diesem Artikel erfahren Sie, wie Sie über ein JavaScript-Objekt iterieren. Während der Iteration durchlaufen Sie die Eigenschaften des Objekts nacheinander, und abhängig von der Methode, die Sie für die Iteration verwenden, haben Sie möglicherweise unterschiedlichen Zugriff auf diese Eigenschaften
Es gibt viele Methoden zum Durchlaufen eines Objekts, die im Folgenden erläutert werden:
Inhaltsverzeichnis
- Verwendung einer for…in-Schleife
- Verwenden der Object.entries()-Methode und der map()-Methode
- Verwendung der Methode forEach() und der Methode object.keys()
- Verwenden der Lodash _.forOwn()-Methode
Methode 1: Benutzen for...in Schleife
Die Eigenschaften des Objekts können mithilfe einer for..in-Schleife iteriert werden. Diese Schleife wird verwendet, um alle iterierbaren Eigenschaften eines Objekts zu durchlaufen, die kein Symbol sind. Einige Objekte enthalten möglicherweise Eigenschaften, die von ihren Prototypen geerbt wurden. Der hasOwnProperty() Mit der Methode kann überprüft werden, ob die Eigenschaft zum Objekt selbst gehört. Der Wert jedes Schlüssels des Objekts kann ermittelt werden, indem der Schlüssel als Index des Objekts verwendet wird.
Syntax:
for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } }>Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } } } iterateObject();> Ausgabe
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Methode 2: Benutzen Object.entries()-Methode Und Karte() Methode
Der Object.entries()-Methode wird verwendet, um ein Array der eigenen aufzählbaren Eigenschaftspaare mit Zeichenfolgenschlüssel des Objekts zurückzugeben. Das zurückgegebene Array wird mit verwendet Karte() Methode zum Extrahieren des Schlüssels und des Werts aus den Paaren. Der Schlüssel und die Werte aus dem Schlüssel-Wert-Paar können durch Zugriff auf den ersten und zweiten Index des Array-Paares extrahiert werden. Der erste Index entspricht dem Schlüssel und der zweite Index entspricht dem Wert des Paares.
Syntax:
Object.entries(exampleObj).map(entry =>{ let key = enter[0]; let value = Eintrag[1]; console.log(Schlüssel, Wert); });>Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.entries(exampleObj).map(entry =>{ let key = enter[0]; let value = Eintrag[1]; console.log(Schlüssel, Wert); }); } iterateObject();> Ausgabe
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Methode 3: Verwenden forEach()-Methode Und object.keys() Methode
Object.keys() gibt ein Array von Schlüsseln des Objekts zurück undforEach()>ist eine Array-Methode, mit der Sie jedes Element im Array durchlaufen können.
Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.keys(exampleObj).forEach(key =>{ const value = exampleObj[key]; console.log(`${key}: ${value}`); }); } iterateObject();> Ausgabe
book: Sherlock Holmes author: Arthur Conan Doyle genre: Mystery>
Methode 4: Verwenden Lodash _.forOwn() Methode
Bei diesem Ansatz verwenden wir die Lodash-Methode _.forOwn(), die beim Durchlaufen von Objekten hilft.
Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.
Javascript // Defining Lodash variable const _ = require('lodash'); let users = { 'a': 1, 'b': 2, 'c': 3 }; _.forOwn(users, function (value, key) { console.log(key, '=', value); });> Ausgabe:
a = 1 b = 2 c = 3>
Methode 5: Verwendung der Object.values()-Methode und der forEach()-Methode
Die Methode Object.values() gibt ein Array der aufzählbaren Eigenschaftswerte des Objekts zurück. Durch die Kombination mit der forEach()-Methode können Sie über jeden Wert iterieren. Um auch auf die entsprechenden Schlüssel zuzugreifen, können Sie die Methode Object.keys() parallel verwenden.
Syntax:
Object.values(exampleObj).forEach((value, index) =>{ const key = Object.keys(exampleObj)[index]; console.log(Schlüssel, Wert); });>Beispiel:
JavaScript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.values(exampleObj).forEach((value, index) =>{ const key = Object.keys(exampleObj)[index]; console.log(Schlüssel, Wert); }); } iterateObject();> Ausgabe
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>