Wie kann man die Eigenschaften eines JavaScript -Objekts iterieren?

Ja, es gibt mehrere Möglichkeiten, Objekteigenschaften in JavaScript zu durchqueren. 1. Verwenden Sie die für ... in der Schleife, um alle aufzählbaren Zeichenfolgeneigenschaften eines Objekts zu durchqueren. Es wird jedoch empfohlen, ererbte Eigenschaften mit HasownProperty () auszuschließen. 2. verwenden Sie Object.Keys (), um foreach () zu kombinieren, um Schlüsselnamen bequemer in einem Array zu verarbeiten; 3.. Verwenden Sie Object.Entries (), um das Schlüsselwertpaar -Array für eine einfache Dekonstruktion und den Betrieb direkt zu erhalten. Darüber hinaus können Sie der Schleife Logik hinzufügen, um die Eigenschaftsfilterung und andere Funktionen bei Bedarf zu implementieren.

Ja, Sie können die Eigenschaften eines JavaScript -Objekts absolut durchlaufen - und es gibt einige gemeinsame Möglichkeiten, dies zu tun, je nachdem, was genau Sie brauchen.

1.. Verwenden Sie for...in der Schleife

Dies ist die unkomplizierteste Methode zum Iterieren über Objekteigenschaften.

Die for...in Schleife durchläuft jede aufzählbare Zeichenfolgeneigenschaft eines Objekts. So würden Sie es verwenden:

 const user = {
  Name: "Alice",
  Alter: 25,
  Rolle: "Entwickler"
};

für (lassen Sie den Benutzer im Benutzer) {
  console.log (Schlüssel ":" Benutzer [Schlüssel]);
}

Sie werden:

 Name: Alice
Alter: 25
Rolle: Entwickler

⚠️ Ein kurzer Hinweis: Stellen Sie sicher, dass Sie hasOwnProperty() verwenden möchten, wenn Sie ererbte Eigenschaften überspringen möchten:

 für (lassen Sie den Benutzer im Benutzer) {
  if (user.hasownProperty (Schlüssel)) {
    console.log (Schlüssel ":" Benutzer [Schlüssel]);
  }
}

forEach() Object.keys()

Wenn Sie nur die Schlüssel als Array wollen und dann eine Aktion ausführen, ist dies ein sauberer Ansatz.

 Object.Keys (Benutzer) .foreach (Key => {
  console.log (Schlüssel ":" Benutzer [Schlüssel]);
});

Dies gibt Ihnen das gleiche Ergebnis, kann sich aber funktionaler oder Array-ähnlicher anfühlen, insbesondere wenn Sie es gewohnt sind, mit Array-Methoden wie map , filter usw. zu arbeiten.

3.. Verwenden Sie Object.entries() für Schlüsselwertpaare

Wenn Sie sowohl Schlüssel als auch Werte benötigen, ohne jedes Mal auf das Objekt zugreifen zu können, ist Object.entries() super praktisch.

Es gibt eine Reihe von [key, value] Paaren zurück:

 Object.Entries (Benutzer) .foreach (([Schlüssel, Wert]) => {
  console.log (`$ {key}: $ {value}`);
});

Dies erleichtert die Zerstörung und hält Ihren Code sauber, wenn Sie sich mit beiden Teilen einer Immobilie befassen.

Bonus -Tipp: Objekteigenschaften filtern

Manchmal wollen Sie möglicherweise nur bestimmte Eigenschaften. Nehmen wir an, Sie möchten nur Zeichenfolgenwerte:

 Object.Entries (Benutzer) .foreach (([Schlüssel, Wert]) => {
  if (typeof value === 'String') {
    console.log (`$ {key}: $ {value}`);
  }
});

Auf diese Weise können Sie leicht Logik in der Schleife hinzufügen.

Also ja, das Durchblenden von Objekteigenschaften ist nicht schwer, wenn Sie wissen, welche Methode zu Ihrem Fall passt.
Grundsätzlich ist das.

Das obige ist der detaillierte Inhalt vonWie kann man die Eigenschaften eines JavaScript -Objekts iterieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!