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

由于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页面

for(key in p) {
  alert( p[key] );
}

注意：可以对数组执行此操作，但也要对长度和其他财产进行迭代。

我在使用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

你可以使用我的库monadic对象来实现这一点。它的设计目的是简化对象修改并使其行为类似于数组：

p.forEach((key, value) => console.log(key, value))

安装：npm i一元对象

该库还包括以下方法：

地图滤器每一个一些

有关更多信息，请参阅README！

您可以向所有对象添加一个简单的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方法发生冲突，可以使用您的唯一名称命名它。