如何以对象作为成员遍历普通JavaScript对象？

Question

如何以对象作为成员遍历普通JavaScript对象？

如何循环遍历JavaScript对象中的所有成员，包括属于对象的值。

例如，我如何循环这个(访问“您的名称”和“您的消息”)？

var validation_messages = {
    "key_1": {
        "your_name": "jimmy",
        "your_msg": "hello world"
    },
    "key_2": {
        "your_name": "billy",
        "your_msg": "foo equals bar"
    }}

Answer 1

for (var key in validation_messages) {     // skip loop if the property is from prototype     if (!validation_messages.hasOwnProperty(key)) continue;     var obj = validation_messages[key];     for (var prop in obj) {         // skip loop if the property is from prototype         if(!obj.hasOwnProperty(prop)) continue;         // your code         alert(prop + " = " + obj[prop]);     }}

Answer 2

在ECMAScript 5下，您可以将Object.keys()和Array.prototype.forEach():var obj = {  first: "John",  last: "Doe"};//// Visit non-inherited enumerable keys//Object.keys(obj).forEach(function(key) {  console.log(key, obj[key]);});运行代码段

Answer 3

这个问题for (var key in validation_messages) {    var obj = validation_messages[key];    for (var prop in obj) {       alert(prop + " = " + obj[prop]);    }}您还将遍历原语对象的原型。有了这个，你就会避开它：for (var key in validation_messages) {    if (validation_messages.hasOwnProperty(key)) {       var obj = validation_messages[key];       for (var prop in obj) {          if (obj.hasOwnProperty(prop)) {             alert(prop + " = " + obj[prop]);          }       }    }}