Heim > Web-Frontend > js-Tutorial > Wie iteriere ich durch JavaScript-Objekte, um auf Schlüssel und Werte zuzugreifen?

Wie iteriere ich durch JavaScript-Objekte, um auf Schlüssel und Werte zuzugreifen?

Mary-Kate Olsen
Freigeben: 2024-12-21 16:59:10
Original
542 Leute haben es durchsucht

How Do I Iterate Through JavaScript Objects to Access Keys and Values?

Durchlaufen von JavaScript-Objekten: Iterieren über Schlüssel und Werte

Das Abrufen von Elementen aus einem JavaScript-Objekt erfordert einen strukturierten Ansatz für den Zugriff auf Schlüssel und entsprechende Werte . Betrachten Sie das Beispielobjekt:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};
Nach dem Login kopieren

Um alle Elemente zu durchlaufen, nutzen Sie die For-In-Schleife:

for (var key in p) {
    // Access the value using the current key
    var value = p[key];
}
Nach dem Login kopieren

Die Verwendung von For-In kann jedoch dazu führen, dass vom Prototyp geerbte Eigenschaften durchlaufen werden . Um sicherzustellen, dass nur direkte Eigenschaften berücksichtigt werden, fügen Sie eine zusätzliche Prüfung ein:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        // Access the value using the current key
        var value = p[key];
    }
}
Nach dem Login kopieren

Dieser Ansatz garantiert, dass nur objektspezifische Schlüssel iteriert werden, wodurch effektiv Schlüssel-Wert-Paare extrahiert werden:

"p1" -> "value1"
"p2" -> "value2"
"p3" -> "value3"
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie iteriere ich durch JavaScript-Objekte, um auf Schlüssel und Werte zuzugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage