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

前言：

对象财产可以是自己的（属性在对象本身上），也可以是继承的（不在对象本身或其原型上）。对象财产可以是可枚举的或非可枚举的。在许多属性枚举/数组中，不包含非数财产。属性名称可以是字符串或符号。许多属性枚举/数组都没有包含名称为Symbol的财产。

2018年，您可以选择循环访问对象的财产（以下是一些示例）：

for-in[MDN，spec]-一种循环结构，循环遍历对象的可枚举财产的名称，包括名称为字符串的继承属性keys[MDN，spec]-一个函数，提供对象自己的可枚举财产的名称数组，这些属性的名称是字符串。Object.values[MDN，spec]-提供对象自身可枚举财产值数组的函数。Object.entries[MDN，spec]-提供对象自身可枚举财产的名称和值数组的函数（数组中的每个条目都是[name，value]数组）。Object.getOwnPropertyNames[MDN，spec]-一个函数，提供对象自己的财产（即使是不可枚举的属性）的名称数组，这些属性的名称是字符串。Object.getOwnPropertySymbols[MDN，spec]-一个函数，提供对象自己的财产（即使是不可枚举的属性）的名称数组，其名称为Symbols。Reflect.ownKeys[MDN，spec]-一个函数，提供对象自己的财产（即使是非枚举属性）的名称数组，无论这些名称是字符串还是符号。如果需要对象的所有财产，包括非枚举继承的属性，则需要使用循环和object.getPrototypeOf[MDN，spec]，并在原型链中的每个对象上使用object.getOwnPropertyNames、object.getOwnPropertySymbols或Reflect.ownKeys（此答案底部的示例）。

对于除in之外的所有元素，您将在数组上使用某种循环构造（for、for、forEach等）。

示例：

中的：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（o中的常量名称）{常量值=o[名称]；console.log（`$｛name｝=$｛value｝`）；}

Object.keys（带有for of循环，但可以使用任何循环构造）：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Object.keys（o）的常量名称）{常量值=o[名称]；console.log（`$｛name｝=$｛value｝`）；}

对象值：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Object.values（o）的常量值）{console.log（`${value}`）；}

对象条目：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Object.entries（o）的常量[名称，值]）{console.log（`$｛name｝=$｛value｝`）；}

Object.getOwnPropertyName:

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Object.getOwnPropertyNames（o）的常量名称）{常量值=o[名称]；console.log（`$｛name｝=$｛value｝`）；}

Object.getOwnPropertySymbols：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Object.getOwnPropertySymbol（o）的常量名称）{常量值=o[名称]；console.log（`${String（name）}=${value}`）；}

反射所有键：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（Reflect.ownKeys（o）的常量名称）{常量值=o[名称]；console.log（`${String（name）}=${value}`）；}

所有财产，包括继承的非枚举属性：

//要从中继承的原型对象，具有名为property的字符串常量p＝{answer:42}；//我们将看到的对象继承自`p`const o=对象创建（p）；//名为property的字符串o.question=“生命、宇宙和一切”；//名为属性的符号o[Symbol（“author”）]=“Douglas Adams”；for（让深度=0，当前=o；当前；++深度，当前=Object.getPrototypeOf（当前））{for（Reflect.ownKeys（当前）的常量名称）{常量值=o[名称]；console.log（`[$｛depth｝]$｛String（name）｝=$｛字符串（value）｝`）；}}.作为控制台包装{最大高度：100%！重要的}

在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｝`）})

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

for (var key in p) {
    console.log(key + ' => ' + p[key]);
    // key is key
    // value is p[key]
}

通过带有forEach（）的原型，它应该跳过原型链财产：

Object.prototype.each = function(f) {
    var obj = this
    Object.keys(obj).forEach( function(key) { 
        f( key , obj[key] ) 
    });
}


//print all keys and values
var obj = {a:1,b:2,c:3}
obj.each(function(key,value) { console.log(key + " " + value) });
// a 1
// b 2
// c 3

您必须使用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
}