只有JavaScript代码没有依赖项：

var p = {"p1": "value1", "p2": "value2", "p3": "value3"};
keys = Object.keys(p);   // ["p1", "p2", "p3"]

for(i = 0; i < keys.length; i++){
  console.log(keys[i] + "=" + p[keys[i]]);   // p1=value1, p2=value2, p3=value3
}

您必须使用for in循环

但在使用这种循环时要非常小心，因为这将沿着原型链循环所有财产。

因此，在循环中使用for时，请始终使用hasOwnProperty方法来确定迭代中的当前属性是否真的是要检查的对象的属性：

for (var prop in p) {
    if (!p.hasOwnProperty(prop)) {
        //The current property is not a direct property of p
        continue;
    }
    //Do your logic with the property here
}

我会这样做，而不是在每个for…中检查obj.hasOwnerProperty。。。在循环中。

var obj = {a : 1};
for(var key in obj){
    //obj.hasOwnProperty(key) is not needed.
    console.log(key);
}
//then check if anybody has messed the native object. Put this code at the end of the page.
for(var key in Object){
    throw new Error("Please don't extend the native object");
}

如果只想迭代财产，请使用上面的答案之一，但是如果要迭代包括函数在内的所有内容，则可能需要使用Object.getOwnPropertyNames（obj）

for（let o of Object.getOwnPropertyNames（数学））{console.log（o）；}

我有时会用它来快速测试具有简单输入和输出的对象上的所有函数。

由于es2015越来越流行，我发布了这个答案，其中包括使用生成器和迭代器平滑地遍历[key，value]对。这在其他语言中是可能的，例如Ruby。

好的，这里有一个代码：

常量MyObject={“a”：“您好”，'b'：'它'，“c”：“我”，“d”：“你”，“e”：“正在查找”，“f”：“for”，[Symbol.iiterat]：函数*（）{for（Object.keys（this）的常量i）{产量[i，this[i]；}}};for（MyObject的常量[k，v]）{console.log（`这里是键${k}，这里是值${v}`）；}

关于如何使用迭代器和生成器的所有信息，您可以在开发者Mozilla页面上找到。

希望它帮助了某人。

编辑：

ES2017将包含Object.entries，这将使对象中的[key，value]对的迭代更加容易。现在已知，根据ts39阶段信息，它将成为标准的一部分。

我认为是时候更新我的答案了，让它变得比现在更新鲜。

常量MyObject={“a”：“您好”，'b'：'它'，“c”：“我”，“d”：“你”，“e”：“正在查找”，“f”：“for”，};for（Object.entries（MyObject）的常量[k，v]）{console.log（`这里是键${k}，这里是值${v}`）；}

您可以在上找到有关用法的更多信息MDN页面

在可枚举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。