Was sind die unterschiedlichen Möglichkeiten, um Objekteigenschaften in JavaScript zu iterieren?

Verwenden Sie für ... in der IT -IT -IT -ITOR -Eigenschaften, einschließlich ererbter Eigenschaften, und kombinieren Sie sie mit HasownProperty (), um nur eigene Eigenschaften zu filtern. 2. Verwenden Sie Object.Keys (), um ein Array eigener aufzählbarer Eigenschaftsnamen für die Iteration im Funktionsstil zu erhalten. 3. Verwenden Sie Object.Values (), wenn Sie nur die Werte von eigenen aufzählbaren Eigenschaften benötigen. 4. Verwenden Sie Object.Entries () für Schlüsselwertpaare eigener aufzählbarer Eigenschaften, ideal bei Zerstörungen. 5. verwenden. 6. Verwenden Sie reflect.ownkeys () Wenn Sie alle eigenen Eigenschaftschlüssel benötigen, einschließlich nicht-erhöhter und Symbole. 7. Combine Object.getownPropertyDescriptor mit Object.keys () oder reflect.ownkeys () Wenn detaillierte Eigenschaftendeskriptoren erforderlich sind. Die Wahl hängt davon ab, ob Sie eigene oder ererbte, aufzählbare oder nicht erhebliche Symbole benötigen oder nicht; Die meisten häufigen Fälle werden von Object.Keys () oder Object.ententriies () abgedeckt.

Es gibt verschiedene Möglichkeiten, über Objekteigenschaften in JavaScript zu iterieren, je nachdem, was Sie benötigen-ob es sich nur um aufzählbare Eigenschaften, nur Eigenschaften oder sogar nicht-erhöhte Eigenschaften handelt. Hier sind die häufigsten und nützlichsten Methoden:

1. for...in Schleife

Dies ist der grundlegendste Weg, um über aufzählbare Eigenschaften eines Objekts zu iterieren, einschließlich ererbter (aus der Prototypkette).

 const obj = {a: 1, b: 2, c: 3};

für (lass taste in obj) {
  console.log (Schlüssel, OBJ [Schlüssel]);
}
// Ausgabe: "A 1", "B 2", "C 3"

✅ Verwenden Sie, wann: Sie möchten alle aufzählbaren Eigenschaften (einschließlich ererbter) durchlaufen.
⚠️ HINWEIS: FILTER EREK -EMPRECHEN DER EINZEICHNISSEN AUFGABE MIT hasOwnProperty() :

 für (lass taste in obj) {
  if (obj.hasownProperty (Schlüssel)) {
    console.log (Schlüssel, OBJ [Schlüssel]);
  }
}

2. Object.keys() forEach()

Gibt eine Reihe von eigenen aufzählbaren Eigenschaftennamen zurück, dann können Sie mit forEach , for...of usw. iterieren, itererieren

 Object.Keys (OBJ) .foreach (Key => {
  console.log (Schlüssel, OBJ [Schlüssel]);
});

✅ Verwenden Sie, wann: Sie möchten nur eigene und aufzählbare Eigenschaften und bevorzugen die Iteration im Funktionsstil.

Sie können es auch verwenden mit for...of :

 für (lass taste of object.keys (obj)) {
  console.log (Schlüssel, OBJ [Schlüssel]);
}

3. Object.values()

Gibt eine Reihe von eigenen aufzählbaren Eigenschaftswerten zurück. Nützlich, wenn Sie sich nur um Werte kümmern.

 Object.Values (obj) .foreach (value => {
  console.log (Wert); // 1, 2, 3
});

4. Object.entries()

Gibt eine Reihe von [key, value] -Paaren für eigene aufzählbare Eigenschaften zurück. Großartig für die Zerstörung.

 Object.ententriies (obj) .foreach (([Schlüssel, Wert]) => {
  console.log (Schlüssel, Wert);
});

Oder mit for...of :

 für (lass [Schlüssel, Wert] von Object.entelties (obj)) {
  console.log (Schlüssel, Wert);
}

✅ Verwenden Sie, wann: Sie möchten sowohl Schlüssel als auch Wert und wie saubere Zerstörungen.

5. Object.getOwnPropertyNames()

Gibt alle eigenen Eigenschaften zurück, einschließlich nicht-erhöhter (mit Ausnahme von Symbolen).

 const obj = {a: 1, b: 2};
Object.DefineProperty (OBJ, 'Hidden', {
  Wert: 'Geheimnis',
  Aufzählbar: Falsch
});

console.log (Object.keys (obj)); // ['a', 'b']
console.log (Object.getownPropertynames (obj)); // ['a', 'b', 'versteckt']

Nützlich, wenn Sie nicht aufzählbare Eigenschaften inspizieren müssen.

6. Reflect.ownKeys()

Gibt alle eigenen Eigentumsschlüssel zurück, einschließlich nicht einverstandener Eigenschaften und Symbole .

 const obj = {a: 1};
obj [symbol ('sym')] = 'Symbolwert';

Object.DefineProperty (OBJ, 'Hidden', {
  Wert: 'Nicht-Enum',
  Aufzählbar: Falsch
});

console.log (reflect.ownkeys (obj)); // ['a', 'versteckt', Symbol (sym)]

✅ Verwenden Sie, wann: Sie benötigen alle eigenen Schlüssel, unabhängig von der Art oder der Aufzählbarkeit.

7. Verwenden von getOwnPropertyDescriptor mit Iteration

Reflect.ownKeys() Sie detaillierte Informationen benötigen Object.keys() enumerable writable

 für (lass taste of object.keys (obj)) {
  const desc = Object.getownPropertyDescriptor (OBJ, Schlüssel);
  console.log (Schlüssel, Desc);
}

Zusammenfassung: Wann kann man welches verwenden?

Wählen Sie also die Methode aus, ob Sie eigene VS -Ereten, aufzählbare VS aller, Werte gegen Schlüssel oder Symbole benötigen. In den meisten Fällen decken Object.keys() oder Object.entries() typische Anwendungsfälle ab.

Grundsätzlich hängt es davon ab, auf welche Art von Eigenschaften Sie zugreifen möchten-aber für die meisten realen Apps wird Object.keys() oder for...in hasOwnProperty den Job erledigen.

Das obige ist der detaillierte Inhalt vonWas sind die unterschiedlichen Möglichkeiten, um Objekteigenschaften in JavaScript zu iterieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!