Wörterbuch in JavaScript durchlaufen

JavaScript-Objekte sind sehr flexibel und können zum Erstellen von Schlüssel-Wert-Paaren verwendet werden. Diese Objekte funktionieren ähnlich wie Python-Wörterbücher.

Wörterbücher und Objekte werden häufig verwendet, da jeder gespeicherte Wert seinen eindeutigen Schlüssel hat (ähnlich wie bei JavaScript Array) und auf diese Werte über diese Schlüssel zugegriffen werden kann. Dies ermöglicht eine hervorragende Flexibilität beim Lesen und Speichern von Daten.

Der heutige Beitrag wird uns beibringen, wie man das Objekt oder Wörterbuch iteriert, um die Schlüssel-Wert-Paare in JavaScript zu extrahieren.

Wörterbuch in JavaScript mit Object.entries() durchlaufen

Wir können ein Array von [Schlüssel, Wert]-Paaren von String-Key-aufzählbaren Eigenschaften eines bestimmten Objekts zurückgeben, indem wir die Object.entries()-Methode verwenden.

Dies ähnelt dem Iterieren mit einer for...in-Schleife. Diese Schleife listet jedoch Eigenschaften in der Prototypkette auf.

Die Reihenfolge des zurückgegebenen Arrays ist die gleiche wie die, die von einer for...in-Schleife zurückgegeben wird. Eine aufzählbare Eigenschaft in JavaScript bedeutet, dass eine Eigenschaft sichtbar ist, wenn sie mit der for...in-Schleife oder der Object.keys()-Methode durchlaufen wird.

Standardmäßig sind alle Eigenschaften, die durch eine einfache Zuweisung oder einen Eigenschaftsinitialisierer erstellt wurden, aufzählbar.

Syntax:

Object.entries(obj)

Die Methode Object.entries akzeptiert ein Objekt als Argument, einen erforderlichen Parameter.

Weitere Informationen zu Object.entries() finden Sie in dieser Dokumentation.

Nehmen wir ein Beispiel für ein Mitarbeiterobjekt. Dieses Objekt enthält grundlegende Mitarbeiterdetails.

Wenn Sie über ein Mitarbeiterobjekt iterieren, werden alle seine aufzählbaren Eigenschaften gedruckt.

const object = {
  employeeName: 'John Doe',
  employeeId: 27,
  salary: {
    '2018 - 19': '400000INR',
    '2019 - 20': '500000INR',
    '2020 - 21': '650000INR'
  },
}

               Object.defineProperty(student, 'address', {
                 value: 'India',
                 configurable: true,
                 writable: false,
                 enumerable: false,
               });

for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

Wir haben im obigen Beispiel die neue Property address hinzugefügt, aber ihr Aufzählungstyp ist auf false gesetzt. Da die Methode Object.entries() nur durch aufzählbare Eigenschaften iteriert, druckt sie nicht die Eigenschaft address.

Versuchen Sie, das obige Beispiel in einem beliebigen Browser auszuführen. Sie sehen das folgende Ergebnis.

Ausgang:

"employeeName", "John Doe"
"employeeId", 27
"salary", {
  2018-19: "400000INR",
  2019-20: "500000INR",
  2020-21: "650000INR"
}

Sie können auch auf das oben angegebene vollständige Beispiel hier zugreifen.