如何循环遍历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答案的优化和改进版本：
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]);
}
}
}
}
其他回答
使用Undercore.js的_.each：
_.each(validation_messages, function(value, key){
_.each(value, function(value, key){
console.log(value);
});
});
在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.
});
JS箱
在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));
jsbin公司
如果您也想循环遍历嵌套对象，可以使用递归函数（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.
});
};
JS箱
与上述函数相同，但使用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。。。为。。。属于看看vdegenne写得很好的答案。
在ES7中，您可以执行以下操作：
for (const [key, value] of Object.entries(obj)) {
//
}
有很多方法可以遍历对象。请查看以下示例。
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])
})
这个问题
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]);
}
}
}
}
