变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};var myMap=新地图（Object.entries（p））；for（let[k，v]of myMap.entries（））{console.log（`$｛k｝：$｛v｝`）}<h3>ECMAScript 2017年</h3><p><b>Object.entries（）</b>使将<b>对象转换为映射</b>变得简单：</p>

如果还想迭代非可枚举财产，可以使用Object.getOwnPropertyNames（obj）返回直接在给定对象上找到的所有财产（可枚举或不可枚举）的数组。

var obj=对象.创建（｛｝{//不可枚举属性获取食物：{value：函数（）｛return this.foo；｝，可枚举：false}});obj.foo=1；//可枚举属性Object.getOwnPropertyNames（obj）.forEach（函数（名称）{document.write（name+'：'+obj[name]+'<br/>'）；});

如果我们不提循环对象的其他方法，这个问题就不完整了。

如今，许多知名的JavaScript库提供了自己的方法来迭代集合，即在数组、对象和类数组对象上迭代。这些方法使用方便，与任何浏览器都完全兼容。

如果使用jQuery，可以使用jQuery.each（）方法。它可以用于对对象和数组进行无缝迭代：$.each（obj，函数（键，值）{console.log（键，值）；});在Undercore.js中，您可以找到方法_.each（），它遍历一个元素列表，依次生成一个提供的函数（注意iterate函数中参数的顺序！）：_.each（obj，函数（值，键）{console.log（键，值）；});Lo-Dash提供了几种迭代对象财产的方法。Basic _.forEach（）（或其别名_.each（））对于循环遍历对象和数组非常有用，但是（！）具有长度属性的对象被视为数组，为了避免这种行为，建议使用_.forIn（）和_.forOwn（）方法（这些方法也有值参数）：_.forIn（obj，函数（值，键）{console.log（键，值）；});_.forIn（）迭代对象的自身和继承的可枚举财产，而_.forOwn（）只迭代对象的自己的财产（基本上是检查hasOwnProperty函数）。对于简单对象和对象文本，这些方法中的任何一种都可以正常工作。

通常，所有描述的方法都具有与任何提供的对象相同的行为。除了将本机用于。。in循环通常比任何抽象（如jQuery.each（））都快，这些方法使用起来非常容易，需要更少的编码，并提供更好的错误处理。

在查看了这里的所有答案后，hasOwnProperty对于我自己的使用是不需要的，因为我的json对象是干净的；添加任何额外的javascript处理确实没有意义。这就是我所使用的：

for (var key in p) {
    console.log(key + ' => ' + p[key]);
    // key is key
    // value is 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。

单级缩进单组支架最高的浏览器兼容性hasOwnProperty安全

var p={“p1”：“value1”，“p2”：“value 2”，“p3”：“值3”}；for（p中的var键）if（p.hasOwnProperty（键））{var值=p[key]；console.log（键，值）；}