我有一个JavaScript对象，如下所示：
var p = {
"p1": "value1",
"p2": "value2",
"p3": "value3"
};
我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？
当前回答
在最新的ES脚本中，您可以执行以下操作：
让p＝{foo:“bar”}；for（let[key，value]of Object.entries（p））{console.log（键，值）；}
其他回答
将对象传递给object.keys（）。这将返回一个包含对象中所有键的数组。然后可以使用map循环遍历数组。使用obj[key]，其中obj是对象，key是映射迭代中的当前值，可以获得该键/属性的值。
const obj = { name: "Jane", age: 50 };
Object.keys(obj).map( key => {
console.log(key, obj[key]);
});
for(key in p) {
alert( p[key] );
}
注意：可以对数组执行此操作，但也要对长度和其他财产进行迭代。
如果还想迭代非可枚举财产，可以使用Object.getOwnPropertyNames（obj）返回直接在给定对象上找到的所有财产（可枚举或不可枚举）的数组。
var obj=对象.创建（｛｝{//不可枚举属性获取食物：{value：函数（）｛return this.foo；｝，可枚举：false}});obj.foo=1；//可枚举属性Object.getOwnPropertyNames（obj）.forEach（函数（名称）{document.write（name+'：'+obj[name]+'<br/>'）；});
您可以像这样迭代：
for (var key in p) {
alert(p[key]);
}
注意，键不会接受属性的值，它只是一个索引值。
在可枚举JavaScript对象上进行循环的一个好方法是使用object.keys或object.entries并使用map函数，这对于ReactJS来说可能是非常棒和常见的。如下所示：
// assume items:
const items = {
first: { name: 'phone', price: 400 },
second: { name: 'tv', price: 300 },
third: { name: 'sofa', price: 250 },
};
对于循环和显示ReactJS上的一些UI，如下所示：
~~~
<div>
{Object.entries(items).map(([key, ({ name, price })]) => (
<div key={key}>
<span>name: {name}</span>
<span>price: {price}</span>
</div>
))}
</div>
实际上，我使用了两次析构函数赋值，一次用于获取key，一次是获取name和price。
