如何遍历 JavaScript 对象中的所有成员，包括作为对象的值？
例如，我如何遍历这个（分别访问“your_name”和“your_message”）？
var validation_messages = {
"key_1": {
"your_name": "jimmy",
"your_msg": "hello world"
},
"key_2": {
"your_name": "billy",
"your_msg": "foo equals bar"
}
}
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]);
}
}
在 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]);
});在ES6/2015 中，您可以像这样循环遍历对象（使用箭头函数）：
Object.keys(myObj).forEach(key => {
console.log(key); // the name of the current key.
console.log(myObj[key]); // the value of the current key.
});
在ES7/2016 中，您可以使用Object.entries代替Object.keys并循环遍历这样的对象：
Object.entries(myObj).forEach(([key, val]) => {
console.log(key); // the name of the current key.
console.log(val); // the value of the current key.
});
以上也可以作为单行：
Object.entries(myObj).forEach(([key, val]) => console.log(key, val));
如果您还想遍历嵌套对象，则可以使用递归函数 (ES6)：
const loopNestedObj = obj => {
Object.keys(obj).forEach(key => {
if (obj[key] && typeof obj[key] === "object") loopNestedObj(obj[key]); // recurse.
else console.log(key, obj[key]); // or do something with key and val.
});
};
与上面的函数相同，但使用ES7 Object.entries()而不是Object.keys()：
const loopNestedObj = obj => {
Object.entries(obj).forEach(([key, val]) => {
if (val && typeof val === "object") loopNestedObj(val); // recurse.
else console.log(key, val); // or do something with key and val.
});
};
在这里，我们循环遍历嵌套对象的更改值，并Object.entries()结合使用Object.fromEntries()( ES10/2019 )一次性返回一个新对象：
const loopNestedObj = obj =>
Object.fromEntries(
Object.entries(obj).map(([key, val]) => {
if (val && typeof val === "object") [key, loopNestedObj(val)]; // recurse
else [key, updateMyVal(val)]; // or do something with key and val.
})
);
另一种循环对象的方法是使用 for ... in和for ... of。请参阅vdegenne 写得很好的答案。
这个问题
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]);
}
}
}
}
_.each(validation_messages, function(value, key){
_.each(value, function(value, key){
console.log(value);
});
});