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

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

您可以像这样迭代：

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

注意，键不会接受属性的值，它只是一个索引值。

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

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

在ECMAScript 5下，可以组合Object.keys（）和Array.protocol.forEach（）：

var obj = { first: "John", last: "Doe" };

Object.keys(obj).forEach(function(key) {
    console.log(key, obj[key]);
});

ECMAScript 6添加了。。。第页，共页：

for (const key of Object.keys(obj)) {
    console.log(key, obj[key]);
}

ECMAScript 8添加了Object.entries（），避免了查找原始对象中的每个值：

Object.entries(obj).forEach(
    ([key, value]) => console.log(key, value)
);

你可以组合。。。of、destructuring和Object.entries：

for (const [key, value] of Object.entries(obj)) {
    console.log(key, value);
}

Object.keys（）和Object.entries（）以与for相同的顺序迭代财产。。。但忽略原型链。只迭代对象自己的可枚举财产。

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

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

变量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>

通过带有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

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

如今，许多知名的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（））都快，这些方法使用起来非常容易，需要更少的编码，并提供更好的错误处理。

在ECMAScript 5中，在literal-Object.keys的迭代字段中有了新的方法

您可以在MDN上看到更多信息

我的选择如下，作为当前版本浏览器（Chrome30、IE10、FF25）中的更快解决方案

var keys = Object.keys(p),
    len = keys.length,
    i = 0,
    prop,
    value;
while (i < len) {
    prop = keys[i];
    value = p[prop];
    i += 1;
}

您可以将此方法的性能与jsperf.com上的不同实现进行比较：

扩展实施对象键迭代对象文字迭代

您可以在Kangax的兼容表上看到浏览器支持

对于旧浏览器，您有简单而完整的polyfill

UPD:

perfjs.info上此问题中所有最常见情况的性能比较：

对象文字迭代

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

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

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

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（键，值）；});

我会这样做，而不是在每个for…中检查obj.hasOwnerProperty。。。在循环中。

var obj = {a : 1};
for(var key in obj){
    //obj.hasOwnProperty(key) is not needed.
    console.log(key);
}
//then check if anybody has messed the native object. Put this code at the end of the page.
for(var key in Object){
    throw new Error("Please don't extend the native object");
}

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

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

自ES2015以来，您可以使用for of循环直接访问元素：

// before ES2015
for(var key of elements){
  console.log(elements[key]);
}


// ES2015
for(let element of elements){
  console.log(element);
}

希望这对某人有所帮助。

使用纯JavaScript时，循环可能非常有趣。似乎只有ECMA6（新的2015 JavaScript规范）控制了循环。不幸的是，在我写这篇文章的时候，浏览器和流行的集成开发环境（IDE）仍然在努力完全支持这些新功能。

在ECMA6之前，JavaScript对象循环是什么样子的

for (var key in object) {
  if (p.hasOwnProperty(key)) {
    var value = object[key];
    console.log(key); // This is the key;
    console.log(value); // This is the value;
  }
}

此外，我知道这超出了这个问题的范围，但在2011年，ECMAScript 5.1仅为数组添加了forEach方法，这基本上创建了一种新的改进方法来循环遍历数组，同时仍保留不可迭代的对象与旧的冗长和混乱的for循环。但奇怪的是，这种新的forEach方法不支持导致其他各种问题的break。

基本上在2011年，除了许多流行的库（jQuery、Undercore等）决定重新实现之外，没有一种真正可靠的JavaScript循环方法。

截至2015年，我们现在有了一种更好的开箱即用的方式来循环（和中断）任何对象类型（包括数组和字符串）。以下是当推荐成为主流时，JavaScript中的循环最终会是什么样子：

for (let [key, value] of Object.entries(object)) {
    console.log(key); // This is the key;
    console.log(value); // This is the value;
}

注意，截至2016年6月18日，大多数浏览器都不支持上述代码。即使在Chrome中，您也需要启用此特殊标志才能工作：chrome://flags/#enable-javascript和谐

在这成为新标准之前，旧方法仍然可以使用，但在流行的库中也有替代方法，甚至对于那些不使用这些库的人来说，也有轻量级的替代方法。

有趣的是，这些答案中的人都提到了Object.keys（）和for。。。但从未组合：

var map = {well:'hello', there:'!'};
for (let key of Object.keys(map))
    console.log(key + ':' + map[key]);

你不能只是为了。。。因为它不是迭代器，并且。。。index或.forEach（）调用Object.keys（）是丑陋/低效的。我很高兴大多数人都没有。。。in（有或没有检查.hasOwnProperty（）），因为这也有点混乱，所以除了我上面的答案之外，我想说。。。

您可以使普通对象关联迭代！行为就像地图一样，直接使用了。。。属于DEMO在Chrome和FF中工作（我假设只有ES6）

var ordinaryObject = {well:'hello', there:'!'};
for (let pair of ordinaryObject)
    //key:value
    console.log(pair[0] + ':' + pair[1]);

//or
for (let [key, value] of ordinaryObject)
    console.log(key + ':' + value);

只要你在下面加上我的垫片：

//makes all objects iterable just like Maps!!! YAY
//iterates over Object.keys() (which already ignores prototype chain for us)
Object.prototype[Symbol.iterator] = function() {
    var keys = Object.keys(this)[Symbol.iterator]();
    var obj = this;
    var output;
    return {next:function() {
        if (!(output = keys.next()).done)
            output.value = [output.value, obj[output.value]];
        return output;
    }};
};

无需创建一个真正的Map对象，该对象不具备良好的语法功能。

var trueMap = new Map([['well', 'hello'], ['there', '!']]);
for (let pair of trueMap)
    console.log(pair[0] + ':' + pair[1]);

事实上，有了这个填充程序，如果您仍然想利用Map的其他功能（不填充它们），但仍然想使用整洁的对象表示法，因为对象现在是可迭代的，那么您现在只需从中创建一个Map即可！

//shown in demo
var realMap = new Map({well:'hello', there:'!'});

对于那些不喜欢填充，或者不喜欢处理原型的人，可以在窗口上创建函数，然后调用类似于getObjIterator（）的函数；

//no prototype manipulation
function getObjIterator(obj) {
    //create a dummy object instead of adding functionality to all objects
    var iterator = new Object();

    //give it what the shim does but as its own local property
    iterator[Symbol.iterator] = function() {
        var keys = Object.keys(obj)[Symbol.iterator]();
        var output;

        return {next:function() {
            if (!(output = keys.next()).done)
                output.value = [output.value, obj[output.value]];
            return output;
        }};
    };

    return iterator;
}

现在，您可以将其作为普通函数调用，其他任何内容都不受影响

var realMap = new Map(getObjIterator({well:'hello', there:'!'}))

or

for (let pair of getObjIterator(ordinaryObject))

这没有理由不起作用。

欢迎来到未来。

如果有人需要使用条件循环遍历arrayObjects：

var arrayObjects=〔｛“building”：“A”，“status”：“good”｝，｛“building”：“B”，“status”：“恐怖”｝〕；for（var i=0；i<arrayObjects.length；i++）{console.log（arrayObjects[i]）；for（arrayObjects[i]中的键）｛if（key==“status”&&arrayObjects[i][key]==“good”）{console.log（key+“->”+arrayObjects[i][key]）；}其他{console.log（“未找到任何内容”）；}}}

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

考虑到ES6，我想添加自己的一勺糖，并提供另一种方法来迭代对象的财产。

由于纯JS对象不能立即迭代，因此我们无法使用。。用于迭代其内容的循环。但没有人能阻止我们使其可迭代。

让我们有书的对象。

let book = {
  title: "Amazing book",
  author: "Me",
  pages: 3
}

book[Symbol.iterator] = function(){

  let properties = Object.keys(this); // returns an array with property names
  let counter = 0;
  let isDone = false;

  let next = () => {
    if(counter >= properties.length){
      isDone = true;
    }
    return { done: isDone, value: this[properties[counter++]] }
  }

  return { next };
}

既然我们做到了，我们可以这样使用它：

for(let pValue of book){
  console.log(pValue);
}
------------------------
Amazing book
Me
3

或者如果你知道ES6发电机的功率，那么你当然可以让上面的代码更短。

book[Symbol.iterator] = function *(){

  let properties = Object.keys(this);
  for (let p of properties){
    yield this[p];
  }

}

当然，通过在原型级别上使Object可迭代，您可以对所有对象应用这样的行为。

Object.prototype[Symbol.iterator] = function() {...}

此外，符合可迭代协议的对象可以与新的ES2015特性扩展运算符一起使用，因此我们可以将对象属性值作为数组读取。

let pValues = [...book];
console.log(pValues);
-------------------------
["Amazing book", "Me", 3]

或者可以使用析构函数赋值：

let [title, , pages] = book; // notice that we can just skip unnecessary values
console.log(title);
console.log(pages);
------------------
Amazing book
3

您可以使用我上面提供的所有代码查看JSFiddle。

在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的能力很重要！

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

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

当对象实现.next（）方法时，它将成为迭代器

常量james={name：“James”，高度：`5'10“`，重量：185，[符号迭代器]（）{让财产=[]for（let key of Object.keys（james））{财产推送（键）；}索引=0；返回{下一个：（）=>{let键=财产[索引]；let value=this[key]；让done=索引>=属性.length-1；索引++；返回{钥匙价值完成};}};}};constiterator=james[Symbol.iiterator]（）；console.log（迭代器.next（）.value）；//'詹姆斯console.log（迭代器.next（）.value）；//`5'10`console.log（迭代器.next（）.value）；//185

方法返回给定对象自己的可枚举财产的数组。在此处阅读更多信息

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

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

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

如果只想迭代财产，请使用上面的答案之一，但是如果要迭代包括函数在内的所有内容，则可能需要使用Object.getOwnPropertyNames（obj）

for（let o of Object.getOwnPropertyNames（数学））{console.log（o）；}

我有时会用它来快速测试具有简单输入和输出的对象上的所有函数。

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

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

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]）；}}}

由于ES06，您可以使用

let arrValues = Object.values( yourObject) ;

它返回一个对象值数组，而不从Prototype中提取值！！

MDN DOCS对象.values（）

还有钥匙（在我面前准备好了）

let arrKeys   = Object.keys(yourObject);

前言：

对象财产可以是自己的（属性在对象本身上），也可以是继承的（不在对象本身或其原型上）。对象财产可以是可枚举的或非可枚举的。在许多属性枚举/数组中，不包含非数财产。属性名称可以是字符串或符号。许多属性枚举/数组都没有包含名称为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%！重要的}

在最新的ES脚本中，您可以执行以下操作：

让p＝{foo:“bar”}；for（let[key，value]of Object.entries（p））{console.log（键，值）；}

Object.entries（）函数：

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（Object.entries（p）中的var i）{var key=对象条目（p）[i][0]；var value=对象条目（p）[i][1]；console.log（'key['+i+']='+key+'+'value['+i+']='+value）；}

这是如何循环javascript对象并将数据放入表中的。<body><脚本>函数createTable（objectArray，fields，fieldTitles）{let body=document.getElementsByTagName（'body'）[0]；let tbl=document.createElement（'table'）；let thead=document.createElement（'head'）；let thr=document.createElement（'tr'）；for（objectArray[0]中的p）{let th=document.createElement（'th'）；th.appendChild（document.createTextNode（p））；thr.appendChild（th）；}thead.appendChild（thr）；tbl.appendChild（thead）；let tbdy=document.createElement（'tbody'）；let tr=document.createElement（'tr'）；objectArray.forEach（（对象）=>{设n＝0；let tr=document.createElement（'tr'）；for（objectArray[0]中的p）{var td=document.createElement（'td'）；td.appendChild（document.createTextNode（object[p]））；tr.appendChild（td）；n++；};tbdy.appendChild（tr）；});tbl.appendChild（tbdy）；body.appendChild（待定）返回tbl；}创建表格([｛name:“香蕉”，价格：“3.04”｝，//k[0]｛name:“Orange”，价格：“2.56”｝，//k[1]｛name:“苹果”，价格：“1.45”｝])</script>

您还可以使用Object.keys（），并按如下方式迭代对象键以获取值：

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

在Object.keys（）上使用for

喜欢：

let对象={“key1”：“value1”，“key2”：“value2”，“key3”：“value3”};for（let key of Object.keys（对象））{console.log（key+“：”+对象[key]）}

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

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

表演

今天2020.03.06我在MacOs High Sierra v10.13.6上对Chrome v80.0、Safari v13.0.5和Firefox 73.0.1上选择的解决方案进行了测试

结论

基于（A，B）中for的解决方案对于大小对象的所有浏览器都是快速的（或最快的）令人惊讶的是，对于小型和大型物体，of（H）解决方案在铬上的速度很快基于显式索引i（J，K）的解决方案在所有浏览器上对于小对象都非常快（对于firefox，对于大对象也很快，但在其他浏览器上则很快）基于迭代器（D，E）的解决方案是最慢的，不推荐解决方案C对于大对象是慢的，对于小对象是中等慢的

细节

进行了性能测试

小对象-有3个字段-您可以在这里对机器进行测试“大”对象-有1000个字段-您可以在这里的机器上执行测试

以下片段介绍了使用过的解决方案

函数A（obj，s=“”）{for（let key in obj）if（obj.hasOwnProperty（key））s+=key+'->'+obj[key]+''；返回s；}函数B（obj，s=“”）{for（let key in obj）s+=key+“->”+obj[key]+“”；返回s；}函数C（obj，s=“”）{const map=新映射（Object.entries（obj））；for（let[key，value]of map）s+=key+'->'+value+''；返回s；}函数D（obj，s=“”）{设o＝{…对象，*[符号迭代器]（）{for（Object.keys（this）的常量i）yield[i，this[i]]；}}for（设o的[key，value]）s+=key+'->'+value+''；返回s；}函数E（obj，s=“”）{设o＝{…对象，*[Symbol.iiterator]（）｛yield*Object.keys（this）｝}for（let key of o）s+=key+'->'+o[key]+''；返回s；}函数F（obj，s=“”）{for（let key of Object.keys（obj））s+=键+“->”+obj[key]+“”；返回s；}函数G（obj，s=“”）{for（let[key，value]of Object.entries（obj））s+=键+“->”+值+“”；返回s；}函数H（obj，s=“”）{for（let key of Object.getOwnPropertyNames（obj））s+=key+'->'+obj[key]+''；返回s；}函数I（obj，s=“”）{for（Reflect.ownKeys（obj）的常量键）s+=key+'->'+obj[key]+''；返回s；}函数J（obj，s=“”）{let keys=Object.keys（obj）；for（设i=0；i<keys.length；i++）{let key=键[i]；s+=键+“->”+obj[key]+“”；}返回s；}函数K（obj，s=“”）{var keys=对象密钥（obj），len=密钥长度，i=0；而（i<len）{let key=键[i]；s+=键+“->”+obj[key]+“”；i+＝1；}返回s；}函数L（obj，s=“”）{Object.keys（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}函数M（obj，s=“”）{Object.entries（obj）.forEach（（[key，value]）=>s+=key+'->'+value+''）；返回s；}函数N（obj，s=“”）{Object.getOwnPropertyNames（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}函数O（obj，s=“”）{Reflect.ownKeys（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}//测试变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};let log=（name，f）=>console.log（`${name}${f（p）}`）日志（'A'，A）；日志（'B'，B）；日志（'C'，C）；日志（'D'，D）；对数（'E'，E）；日志（'F'，F）；日志（'G'，G）；对数（'H'，H）；日志（'I'，I）；日志（'J'，J）；log（'K'，K）；对数（'L'，L）；日志（M’，M）；对数（'N'，N）；日志（'O'，O）；此代码段仅显示选定的解决方案

下面是铬上小物体的结果

单行和更可读的代码可以。。

Object.entries(myObject).map(([key, value]) => console.log(key, value))

Object.entries(myObject).map(([key, value]) => console.log(key, value))

你可以这样试试。myObject将是｛name:“”，phone:“”｝等等，这将生成密钥和值。所以这里的关键是名字，电话和价值就像狗，123123。

示例｛name:“dog”｝

这里的键是名字，值是狗。

正在使用。。。in和Object hasOwnProperty变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的var键）{if（p.hasOwnProperty（键））{console.log（key，'：'，p[key]）；}}正在使用。。。的和对象键变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（Object.keys（p）的var键）{console.log（键，“：”，p[key]）}使用Object键和forEach变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.keys（p）.forEach（函数（键）{console.log（key，'：'，p[key]）；});正在使用。。。的和对象条目变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（let[key，value]of Object.entries（p））{console.log（键，“：”，值）；}使用Object条目和forEach变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.entries（p）.forEach（（[key，value]）=>console.log（key，'：'，value））；

变量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>

有两个选项：

您可以使用。。在那里

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的常量项）{console.log（`key=${item}，value=${p[item]}`）；}

您还可以调用Object.entries（）来创建一个包含所有可枚举财产的数组。之后，您可以使用map、foreach或for循环浏览它。。属于

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.entries（p）.map（item=>{console.log（项）})

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};Object.entries（p）.forEach（item=>{console.log（项）})

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（Object.entries（p）的常量项）{console.log（项）}

有关Object.entries（）的更多信息，请参见此处

将对象传递给object.keys（）。这将返回一个包含对象中所有键的数组。然后可以使用map循环遍历数组。使用obj[key]，其中obj是对象，key是映射迭代中的当前值，可以获得该键/属性的值。

const obj = { name: "Jane", age: 50 };

Object.keys(obj).map( key => {
    console.log(key, obj[key]);
});

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

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

安装：npm i一元对象

该库还包括以下方法：

地图滤器每一个一些

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

最接近python的enumerate函数的解决方案：

for key, value in enumerate(object):
    # Do something

是Object.entries（）和for of循环的组合：

for(let [key, value] of Object.entries(object)) {
    // Do something
}

let对象={key1:“value1”，key2:“value2”，key3:“value3”，key4:“value4”，key5:“value5”};for（let[key，value]of Object.entries（Object））{console.log（`${key}->${value}`）；}