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

Wenn Ihre Anwendung in der String-Erstellung ist, ist eine schöne Kombination mit Object.keys, implode und die .map-Array-Methode. Zum Beispiel, wenn wir ein json Objekt haben wie

var data = {
    key1: 10,
    key2: 'someString',
    key3: 3000
}

und wir würden gerne Folgendes generieren "Die Werte sind key1 = 10, key2 = someString, key3 = 3000."

Wir können dies in einer einzigen Codezeile erreichen:

var str = `The values are ${implode(', ', Object.keys(data).map(function(key){return `${key} = ${data[key]}`}))}.`;

Implode reduziert ein Array auf eine Zeichenkette mit einem Trennzeichen (erstes Argument), das zwischen den Elementen eingefügt wird; .map iteriert durch ein Array und gibt ein Array zurück, und Object.keys wurde von den anderen Antworten bereits sehr gut erläutert.

Answer 2

Seit ES2015 können Sie die for-Schleife verwenden, um direkt auf das Element zuzugreifen:

// before ES2015
for(var key of elements){
  console.log(elements[key]);
}

// ES2015
for(let element of elements){
  console.log(element);
}

Ich hoffe, das hilft jemandem.

Answer 3

Weil der Fragesteller [' Ziel ist es, eine Schleife durch einige Schlüssel-Wert-Paare zu ziehen '] und schließlich nicht nach einer Schleife suchen.

var p ={"p1":"value1","p2":"value2","p3":"value3"};
if('p1' in p){
  var val=p['p1'];
  ...
}