如何循环遍历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"
}
}
当前回答
下面是AgileJon解决方案的改进和递归版本（演示）：
function loopThrough(obj){
for(var key in obj){
// skip loop if the property is from prototype
if(!obj.hasOwnProperty(key)) continue;
if(typeof obj[key] !== 'object'){
//your code
console.log(key+" = "+obj[key]);
} else {
loopThrough(obj[key]);
}
}
}
loopThrough(validation_messages);
此解决方案适用于各种不同的深度。
其他回答
在ES7中，您可以执行以下操作：
for (const [key, value] of Object.entries(obj)) {
//
}
AgileJon答案的优化和改进版本：
var key, obj, prop, owns = Object.prototype.hasOwnProperty;
for (key in validation_messages ) {
if (owns.call(validation_messages, key)) {
obj = validation_messages[key];
for (prop in obj ) {
// Using obj.hasOwnProperty might cause you headache if there is
// obj.hasOwnProperty = function(){return false;}
// but 'owns' will always work
if (owns.call(obj, prop)) {
console.log(prop, "=", obj[prop]);
}
}
}
}
使用lodash_.forEach：
_.forEach（｛“a”：1，“b”：2｝，函数（值，键）{console.log（键，值）；});<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js“></script>
异国情调的单深度穿越
JSON.stringify(validation_messages,(field,value)=>{
if(!field) return value;
// ... your code
return value;
})
在这个解决方案中，我们使用了替换器，它允许深入遍历整个对象和嵌套对象-在每个级别上，您将获得所有字段和值。如果您需要获取每个字段的完整路径，请查看此处。
var验证消息={“key_1”：{“your_name”：“jimmy”，“your_msg”：“hello world”},“key_2”：{“your_name”：“billy”，“your_msg”：“foo等于bar”，“深”：{“颜色”：“红色”，“大小”：“10px”}}}JSON.stringify（validation_messages，（字段，值）=>{if（！field）返回值；console.log（`key:${field.padEnd（11）}-value:${value}`）；返回值；})
有几种方法可以做到这一点。。。
1） 两层的。。。循环中。。。
for (let key in validation_messages) {
const vmKeys = validation_messages[key];
for (let vmKey in vmKeys) {
console.log(vmKey + vmKeys[vmKey]);
}
}
2） 使用Object.key
Object.keys(validation_messages).forEach(key => {
const vmKeys = validation_messages[key];
Object.keys(vmKeys).forEach(key => {
console.log(vmKeys + vmKeys[key]);
});
});
3） 递归函数
const recursiveObj = obj => {
for(let key in obj){
if(!obj.hasOwnProperty(key)) continue;
if(typeof obj[key] !== 'object'){
console.log(key + obj[key]);
} else {
recursiveObj(obj[key]);
}
}
}
并将其称为：
recursiveObj(validation_messages);
