Wie kann ich ein JavaScript-Objekt in einer Schleife durchlaufen oder aufzählen?

Question

Ich habe ein JavaScript-Objekt wie das folgende:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

Jetzt möchte ich eine Schleife durch alle p Elemente ( p1 , p2 , p3 ...) und ihre Schlüssel und Werte erhalten. Wie kann ich das tun?

Ich kann das JavaScript-Objekt bei Bedarf ändern. Mein ultimatives Ziel ist es, eine Schleife durch einige Schlüssel-Wert-Paare zu ziehen, und wenn möglich, möchte ich die Verwendung von eval .

Answer 1

Sie können einfach darüber iterieren wie:

for (var key in p) {
  alert(p[key]);
}

Beachten Sie, dass key nimmt nicht den Wert der Eigenschaft an, sondern ist nur ein Indexwert.

Answer 2

In ECMAScript 5 gibt es einen neuen Ansatz für Iterationsfelder von Literalen - Object.keys

Weitere Informationen finden Sie unter MDN

Ich habe mich für die folgende Lösung entschieden, die in den aktuellen Browserversionen (Chrome30, IE10, FF25) schneller ist

var keys = Object.keys(p),
    len = keys.length,
    i = 0,
    prop,
    value;
while (i < len) {
    prop = keys[i];
    value = p[prop];
    i += 1;
}

Sie können die Leistung dieses Ansatzes mit verschiedenen Implementierungen auf jsperf.com :

• Implementierungen erweitern
• Objektschlüssel Iteration
• Objektliterale Iteration

Die Browserunterstützung können Sie unter Kangax's Kompatibilitätstabelle

Für alte Browser haben Sie einfach y vollständig Polyfill

UPD:

Leistungsvergleich für die gängigsten Fälle in dieser Frage auf perfjs.info :

Objektliterale Iteration

Answer 3

for(key in p) {
  alert( p[key] );
}

Hinweis: Sie können dies über Arrays tun, aber Sie werden über die length und auch andere Eigenschaften.

Answer 4

Nach dem Blick durch alle Antworten in hier, hasOwnProperty ist nicht für meine eigene Verwendung erforderlich, weil mein Json-Objekt sauber ist; Es gibt wirklich keinen Sinn in das Hinzufügen von zusätzlichen Javascript-Verarbeitung. Dies ist alles, was ich bin mit:

for (var key in p) {
    console.log(key + ' => ' + p[key]);
    // key is key
    // value is p[key]
}

Answer 5

Via Prototyp mit forEach() die die Prototypenkette Eigenschaften:

Object.prototype.each = function(f) {
    var obj = this
    Object.keys(obj).forEach( function(key) { 
        f( key , obj[key] ) 
    });
}

//print all keys and values
var obj = {a:1,b:2,c:3}
obj.each(function(key,value) { console.log(key + " " + value) });
// a 1
// b 2
// c 3