Dieses Tutorial demonstriert die Möglichkeiten, ein einfaches JavaScript-Objekt zu durchlaufen/durchzulaufen.
Wie durchläuft man ein einfaches/einfaches JavaScript-Objekt?
Verwenden Sie die folgenden Methoden, um ein einfaches JavaScript-Objekt zu durchlaufen/durchzulaufen:
Methode 1: Durchlaufen Sie ein einfaches/einfaches JavaScript-Objekt mit einer for-in-Schleife
Um ein Objekt zu durchlaufen, verwenden Sie die „for-in“-Schleife. Es iteriert über alle aufzählbaren Zeichenfolgeattribute eines Objekts, die einem Objekt zugeordnet sind.
Syntax
Verwenden Sie die bereitgestellte Syntax, um die for-in-Schleife zum Durchlaufen eines Objekts zu verwenden:
Pro ( Variable in Objekt )
Beispiel
Erstellen Sie ein Objekt mit Eigenschaften in Schlüssel-Wert-Paaren:
war Objekt = {
'JavaScript' : einer ,
'Java' : 5 ,
'Python' : zwanzig ,
'HTML' : 2 ,
'CSS' : elf
}
Schleife über das Objekt basierend auf den Schlüsseln eines Objekts:
Pro ( konst Schlüssel in Objekt ) {Konsole. Protokoll ( `$ { Schlüssel } : $ { Objekt [ Schlüssel ] } ` ) ;
}
Die Ausgabe zeigt alle Merkmale des Objekts in einem Schlüssel-Wert-Paar an:
Methode 2: Durchlaufen Sie ein einfaches/einfaches JavaScript-Objekt mit der Object.keys()-Methode
Jede Eigenschaft in einem Objekt hat einen entsprechenden Wert, was bedeutet, dass jede Eigenschaft aus Schlüssel-Wert-Paaren besteht. Sie können die Schlüssel, Werte oder sowohl Schlüssel als auch Werte als Einträge in einem Array extrahieren, indem Sie die statischen Methoden des Objekts verwenden. Wenn Sie die Schlüssel eines Objekts abrufen möchten, verwenden Sie die „ Object.keys() ' Methode.
Syntax
Befolgen Sie die angegebene Syntax, um ein Objekt zu durchlaufen und die Eigenschaften/Schlüssel eines Objekts abzurufen:
Beispiel
Rufen Sie die Methode Object.keys() auf und speichern Sie das resultierende Array von Schlüsseln des Objekts in der Variablen „ objKeys “:
Wie Sie in der Ausgabe sehen können, wurden alle Schlüssel eines Objekts erfolgreich abgerufen:
Methode 3: Durchlaufen Sie ein einfaches/einfaches JavaScript-Objekt mit der Object.values()-Methode
Um die Werte eines Objekts anhand seiner Eigenschaften abzurufen, verwenden Sie das „ Objekt.Werte() ' Methode. Es gibt ein Array von Werten für die Eigenschaften/Schlüssel eines Objekts zurück.
Syntax
Die angegebene Syntax wird verwendet, um die Werte des Objekts zu erhalten, indem ein Objekt durchlaufen wird:
Beispiel
Rufen Sie die Methode Object.values() auf, um die Werte eines Objekts anhand seiner Eigenschaften abzurufen:
Die Ausgabe zeigt ein Array von Werten für die Eigenschaften des Objekts an:
Methode 4: Durchlaufen Sie ein einfaches/einfaches JavaScript-Objekt mit der Object.entries()-Methode
Sie können auch durch ein einfaches/einfaches JavaScript-Objekt iterieren, indem Sie das „ Objekt.Einträge() ' Methode. Es generiert ein Array von Sub-Arrays, die Schlüssel-Wert-Paare des angegebenen Objekts enthalten.
Syntax
Die folgende Syntax wird verwendet, um die Einträge eines Objekts durch Schleifen eines Objekts zu erhalten:
Beispiel
Rufen Sie die Methode Object.entries() für das Objekt auf, um alle Einträge eines Objekts abzurufen:
Ausgabe
Wir haben alle notwendigen Informationen gesammelt, die relevant sind, um einfache JavaScript-Objekte mit Objekten als Membern zu durchlaufen.
Fazit
Um ein einfaches/einfaches JavaScript-Objekt zu durchlaufen, verwenden Sie das „ für in „Schleife“, Object.keys() ' Methode, ' Objekt.Werte() “-Methode oder die „ Objekt.Einträge() ' Methode. Die for-in-Schleife und die Object.entries()-Methode werden verwendet, um alle Schlüssel-Wert-Paare in einem Objekt abzurufen, während Object.keys() zum Abrufen der Schlüssel und Object.values() für die Werte von verwendet werden ein Objekt. In diesem Lernprogramm wurden verschiedene Möglichkeiten zum Durchlaufen eines einfachen JavaScript-Objekts gezeigt.