只有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
}

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的var键）{if（p.hasOwnProperty（键））{console.log（key+“=”+p[key]）；}}<p>输出：<br>p1=值1<br>p2=值2<br>p3=值3</p>

您可以使用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}`);
}

在javascript中迭代对象的多种方法

正在使用。。。在回路中

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（输入p）{if（p.hasOwnProperty（键））{console.log（`${key}:${p[key]}`）}}

正在使用。。。回路的

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（对象.keys（p）的let键）{console.log（`key:${key}&value:${p[key]}`）}

将forEach（）与Object.keys、Object.values、Object.entries一起使用

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.keys（p）.forEach（key=>{console.log（`${key}:${p[key]}`）；});对象.values（p）.forEach（值=>{console.log（值）；});Object.entries（p）.forEach（（[key，value]）=>{console.log（`$｛key｝：$｛value｝`）})

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

在ES6中，我们有众所周知的符号来公开一些以前的内部方法，您可以使用它来定义迭代器如何为这个对象工作：

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3",
    *[Symbol.iterator]() {
        yield *Object.keys(this);
    }
};

[...p] //["p1", "p2", "p3"]

这将给出与用于…相同的结果。。。在es6循环中。

for(var key in p) {
    console.log(key);
}

但了解您现在使用es6的能力很重要！