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

下面是另一种迭代对象的方法。

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.keys（p）.forEach（key=>{console.log（key，p[key]）}）

var p=[｛“用户名”：“ordermanageadmin”，“user_id”：“2”，“resource_id”“Magento_Sales:：actions”}，｛“用户名”：“ordermanageadmin_1”，“user_id”：“3”，“resource_id”“Magento_Sales:：actions”｝]for（p中的var值）{for（值中的var键）{if（p.hasOwnProperty（键））{console.log（键+“->”+p[key]）；}}}

因为提问者的[第二个目标是循环一些键值对]，最后不要寻找循环。

var p ={"p1":"value1","p2":"value2","p3":"value3"};
if('p1' in p){
  var val=p['p1'];
  ...
}

您可以使用for in循环，如其他人所示。然而，您还必须确保获得的密钥是对象的实际属性，而不是来自原型。

下面是片段：变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的var键）{if（p.hasOwnProperty（键））{console.log（键+“->”+p[key]）；}}

对于具有Object.keys（）选项的：

变量p={0：“值1”，“b”：“值2”，键：“value3”};for（Object.keys（p）的var键）{console.log（key+“->”+p[key]）}

请注意for-of而不是for-in的用法，如果不使用，它将在命名的财产上返回undefined，并且Object.keys（）确保只使用对象自己的财产，而不使用整个prototype-chain财产

使用新的Object.entries（）方法：

注意：Internet Explorer本机不支持此方法。您可以考虑将Polyfill用于较旧的浏览器。

const p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

for (const [key, value] of Object.entries(p)) {
  console.log(`${key}: ${value}`);
}

Object.keys（obj）：数组检索所有可枚举自身（非继承）财产的所有字符串值键。

因此，通过使用hasOwnProperty测试每个对象键，它提供了与您想要的相同的键列表。您不需要额外的测试操作，因为Object.keys（obj）.forEach（function（key）｛｝）应该更快。让我们来证明一下：

var uniqid=函数（）{var text=“”，i＝0，可能=“ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvxyz”；对于（；i<32；i++）{text+=可能的charAt（数学地板（数学随机（）*可能的长度））；}返回文本；}, 周期＝100000，obj＝{}，p1，p2，p3，钥匙//使用随机财产填充对象Array.apply（null，Array（CYCLES））.forEach（function（）{obj[uniqid（）]=新日期（）});//方法#1p1=performance.now（）；Object.keys（obj）.forEach（函数（键）{var waste=obj[key]；});p2=performance.now（）；console.log（“Object.keys方法耗时”+（p2-p1）+“毫秒”）；//方法#2for（在obj中键入）{if（obj.hasOwnProperty（键））{var waste=obj[key]；}}p3=performance.now（）；console.log（“for…in/hasOwnProperty方法花费了”+（p3-p2）+“毫秒”）；

在我的Firefox中，我有以下结果

Object.keys方法耗时40.21101451665163毫秒。对于in/hasOwnProperty方法耗时98.26163508463651毫秒。

在Chrome上，差异更大http://codepen.io/dsheiko/pen/JdrqXa

PS2：在ES6（EcmaScript 2015）中，您可以更好地迭代可迭代对象：

let map=new map（）.set（'a'，1）.set（'b'，2）；for（let对映射）{console.log（对）；}//或let map=新地图([[错误，'否']，[真，'是']，]);map.forEach（（value，key）=>{console.log（键，值）；});