如何循环或枚举JavaScript对象？

我有一个JavaScript对象，如下所示：

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

我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？

当前回答

有两个选项：

您可以使用。。在那里

变量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（）的更多信息，请参见此处

2022-06-08 08:51:56

其他回答

使用纯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和谐

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

2016-06-18 02:11:52

由于ES06，您可以使用

let arrValues = Object.values( yourObject) ;

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

MDN DOCS对象.values（）

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

let arrKeys   = Object.keys(yourObject);

2018-07-09 16:15:57

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

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

2009-03-26 06:04:10

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

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

2015-09-12 16:31:40