如何循环遍历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"
}
}
当前回答
在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写得很好的答案。
其他回答
在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写得很好的答案。
使用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>
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]);
}
}
}
}
这个问题
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]);
}
}
}
}
一个月前刚刚完成的ECMAScript 2017引入了Object.values（）。现在您可以这样做了：
let v;
for (v of Object.values(validation_messages))
console.log(v.your_name); // jimmy billy
