如何循环遍历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"
}
}
当前回答
2020年，您需要不可变的通用函数
这将遍历由子对象、数组和字符串组成的多维对象，并应用自定义函数：
export const iterate = (object, func) => {
const entries = Object.entries(object).map(([key, value]) =>
Array.isArray(value)
? [key, value.map(e => iterate(e, func))]
: typeof value === 'object'
? [key, iterate(value, func)]
: [key, func(value)]
);
return Object.fromEntries(entries);
};
用法：
const r = iterate(data, e=>'converted_'+e);
console.log(r);
其他回答
我认为值得指出的是，jQuery使用$.each（）很好地解决了这个问题。
请参见：.each（）
例子：
$('.foo').each(function() {
console.log($(this));
});
$（this）是对象内的单个项目。如果不想使用jQuery的选择器引擎，请将$（'.foo'）转换为变量。
有很多方法可以遍历对象。请查看以下示例。
var obj = {'name':'John Doe','email':'johndoe@example.com'}
方法1
var keys = Object.keys(obj)
for(var i= 0; i < keys.length;i++){
console.log(keys[i]+ ': ' + obj[keys[i]])
}
方法2
for(var key in obj){
console.log(key+': '+ obj[key])
}
方法3
Object.keys(obj).forEach(function (key) {
console.log(key+ ': ' + obj[key])
})
下面是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);
此解决方案适用于各种不同的深度。
for(var k in validation_messages) {
var o = validation_messages[k];
do_something_with(o.your_name);
do_something_else_with(o.your_msg);
}
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]);
}
}
