如何循环遍历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"
}
}
当前回答
如果使用递归，则可以返回任意深度的对象财产-
function lookdeep(object){
var collection= [], index= 0, next, item;
for(item in object){
if(object.hasOwnProperty(item)){
next= object[item];
if(typeof next== 'object' && next!= null){
collection[index++]= item +
':{ '+ lookdeep(next).join(', ')+'}';
}
else collection[index++]= [item+':'+String(next)];
}
}
return collection;
}
//example
var O={
a:1, b:2, c:{
c1:3, c2:4, c3:{
t:true, f:false
}
},
d:11
};
var lookdeepSample= 'O={'+ lookdeep(O).join(',\n')+'}';
/* returned value: (String)
O={
a:1,
b:2,
c:{
c1:3, c2:4, c3:{
t:true, f:false
}
},
d:11
}
*/
其他回答
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);
异国情调的单深度穿越
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}`）；返回值；})
使用Undercore.js的_.each：
_.each(validation_messages, function(value, key){
_.each(value, function(value, key){
console.log(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);
在ECMAScript 5下，可以组合Object.keys（）和Array.protocol.forEach（）：
变量obj={第一个：“约翰”，上一个：“Doe”};////访问非继承的可枚举密钥//Object.keys（obj）.forEach（函数（键）{console.log（key，obj[key]）；});
