我有一个JavaScript对象，如下所示：
var p = {
"p1": "value1",
"p2": "value2",
"p3": "value3"
};
我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？
当前回答
通过带有forEach（）的原型，它应该跳过原型链财产：
Object.prototype.each = function(f) {
var obj = this
Object.keys(obj).forEach( function(key) {
f( key , obj[key] )
});
}
//print all keys and values
var obj = {a:1,b:2,c:3}
obj.each(function(key,value) { console.log(key + " " + value) });
// a 1
// b 2
// c 3
其他回答
单级缩进单组支架最高的浏览器兼容性hasOwnProperty安全
var p={“p1”：“value1”，“p2”：“value 2”，“p3”：“值3”}；for（p中的var键）if（p.hasOwnProperty（键））{var值=p[key]；console.log（键，值）；}
我在使用Angular时遇到了类似的问题，这里是我找到的解决方案。
步骤1。获取所有对象关键点。使用Object.keys。此方法返回给定对象自己的可枚举财产的数组。
步骤2。创建一个空数组。这是所有财产都将存在的地方，因为您的新ngFor循环将指向此数组，所以我们必须捕获所有属性。步骤3。迭代抛出所有键，并将每个键推入您创建的数组中。这是代码中的样子。
// Evil response in a variable. Here are all my vehicles.
let evilResponse = {
"car" :
{
"color" : "red",
"model" : "2013"
},
"motorcycle":
{
"color" : "red",
"model" : "2016"
},
"bicycle":
{
"color" : "red",
"model" : "2011"
}
}
// Step 1. Get all the object keys.
let evilResponseProps = Object.keys(evilResponse);
// Step 2. Create an empty array.
let goodResponse = [];
// Step 3. Iterate throw all keys.
for (prop of evilResponseProps) {
goodResponse.push(evilResponseProps[prop]);
}
这里是原始帖子的链接。https://medium.com/@papponmx/循环对象属性-带ngfor-in-angular-869cd7b2ddcc
最接近python的enumerate函数的解决方案：
for key, value in enumerate(object):
# Do something
是Object.entries（）和for of循环的组合：
for(let [key, value] of Object.entries(object)) {
// Do something
}
let对象={key1:“value1”，key2:“value2”，key3:“value3”，key4:“value4”，key5:“value5”};for（let[key，value]of Object.entries（Object））{console.log（`${key}->${value}`）；}
在可枚举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。
在javascript中迭代对象的多种方法
正在使用。。。在回路中
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（输入p）{if（p.hasOwnProperty（键））{console.log（`${key}:${p[key]}`）}}
正在使用。。。回路的
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（对象.keys（p）的let键）{console.log（`key:${key}&value:${p[key]}`）}
将forEach（）与Object.keys、Object.values、Object.entries一起使用
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.keys（p）.forEach（key=>{console.log（`${key}:${p[key]}`）；});对象.values（p）.forEach（值=>{console.log（值）；});Object.entries（p）.forEach（（[key，value]）=>{console.log（`$｛key｝：$｛value｝`）})
