遍历对象财产

变量obj={name:“西蒙”，年龄：“20”，服装：{style：“简单”，嬉皮士：假}}for（obj中的var propt）{console.log（propt+'：'+obj[propt]）；}

变量propt如何表示对象的财产？它不是内置方法或属性。为什么它会产生对象中的每个属性？

当前回答

如果您的环境支持ES2017，那么我将推荐Object.entries：

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

如Mozillas Object.entries（）文档所示：

Object.entries（）方法返回给定对象自身的数组可枚举属性[key，value]对，顺序与由…提供。。。in循环（区别在于for in循环还列举了原型链中的财产）。

基本上，使用Object.entries，我们可以放弃旧的for。。。循环中：

// This step is not necessary with Object.entries
if (object.hasOwnProperty(property)) {
  // do stuff
}

其他回答

如果您的环境支持ES2017，那么我将推荐Object.entries：

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

如Mozillas Object.entries（）文档所示：

Object.entries（）方法返回给定对象自身的数组可枚举属性[key，value]对，顺序与由…提供。。。in循环（区别在于for in循环还列举了原型链中的财产）。

基本上，使用Object.entries，我们可以放弃旧的for。。。循环中：

// This step is not necessary with Object.entries
if (object.hasOwnProperty(property)) {
  // do stuff
}

虽然最高评级的答案是正确的，但这里有一个备用用例，即如果您正在迭代一个对象，并希望最终创建一个数组。使用.map而不是forEach

const newObj = Object.keys(obj).map(el => {
    //ell will hold keys 
   // Getting the value of the keys should be as simple as obj[el]
})

在ES的最新实现中，您可以使用Object.entries：

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

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

如果您只想迭代这些值，请使用Object.values：

for (const value of Object.values(obj)) { }

Object.values(obj).forEach(value => ...)

for循环遍历对象的所有财产。propt在for循环的第一行中定义。它是一个字符串，是obj对象的属性的名称。在循环的第一次迭代中，propt将是“name”。

女孩和男孩们，我们在2019年，我们没有那么多时间打字。。。所以，让我们来做这个酷炫的新花式ECMAScript 2016：

Object.keys(obj).forEach(e => console.log(`key=${e}  value=${obj[e]}`));

推荐文章