我有一个JavaScript对象，如下所示：
var p = {
"p1": "value1",
"p2": "value2",
"p3": "value3"
};
我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？
当前回答
这是如何循环javascript对象并将数据放入表中的。<body><脚本>函数createTable（objectArray，fields，fieldTitles）{let body=document.getElementsByTagName（'body'）[0]；let tbl=document.createElement（'table'）；let thead=document.createElement（'head'）；let thr=document.createElement（'tr'）；for（objectArray[0]中的p）{let th=document.createElement（'th'）；th.appendChild（document.createTextNode（p））；thr.appendChild（th）；}thead.appendChild（thr）；tbl.appendChild（thead）；let tbdy=document.createElement（'tbody'）；let tr=document.createElement（'tr'）；objectArray.forEach（（对象）=>{设n＝0；let tr=document.createElement（'tr'）；for（objectArray[0]中的p）{var td=document.createElement（'td'）；td.appendChild（document.createTextNode（object[p]））；tr.appendChild（td）；n++；};tbdy.appendChild（tr）；});tbl.appendChild（tbdy）；body.appendChild（待定）返回tbl；}创建表格([｛name:“香蕉”，价格：“3.04”｝，//k[0]｛name:“Orange”，价格：“2.56”｝，//k[1]｛name:“苹果”，价格：“1.45”｝])</script>
其他回答
有两个选项：
您可以使用。。在那里
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的常量项）{console.log（`key=${item}，value=${p[item]}`）；}
您还可以调用Object.entries（）来创建一个包含所有可枚举财产的数组。之后，您可以使用map、foreach或for循环浏览它。。属于
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.entries（p）.map（item=>{console.log（项）})
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.entries（p）.forEach（item=>{console.log（项）})
变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（Object.entries（p）的常量项）{console.log（项）}
有关Object.entries（）的更多信息，请参见此处
在查看了这里的所有答案后，hasOwnProperty对于我自己的使用是不需要的，因为我的json对象是干净的；添加任何额外的javascript处理确实没有意义。这就是我所使用的：
for (var key in p) {
console.log(key + ' => ' + p[key]);
// key is key
// value is p[key]
}
如果只想迭代财产，请使用上面的答案之一，但是如果要迭代包括函数在内的所有内容，则可能需要使用Object.getOwnPropertyNames（obj）
for（let o of Object.getOwnPropertyNames（数学））{console.log（o）；}
我有时会用它来快速测试具有简单输入和输出的对象上的所有函数。
您可以向所有对象添加一个简单的forEach函数，这样就可以自动循环任何对象：
Object.defineProperty(Object.prototype, 'forEach', {
value: function (func) {
for (var key in this) {
if (!this.hasOwnProperty(key)) {
// skip loop if the property is from prototype
continue;
}
var value = this[key];
func(key, value);
}
},
enumerable: false
});
对于那些不喜欢“For…in”方法的人：
Object.defineProperty(Object.prototype, 'forEach', {
value: function (func) {
var arr = Object.keys(this);
for (var i = 0; i < arr.length; i++) {
var key = arr[i];
func(key, this[key]);
}
},
enumerable: false
});
现在，您可以简单地调用：
p.forEach (function(key, value){
console.log ("Key: " + key);
console.log ("Value: " + value);
});
如果您不想与其他forEach方法发生冲突，可以使用您的唯一名称命名它。
在可枚举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。
