遍历对象财产

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

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

当前回答

这是为了。。。in语句（MDN、ECMAScript规范）。

您可以将其读为“对于obj对象中的每个属性，依次将每个属性分配给PROPT变量”。

其他回答

迭代财产需要额外的hasOwnProperty检查：

for (var prop in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, prop)) {
        // do stuff
    }
}

这是必要的，因为对象的原型包含对象的附加财产，这些属性在技术上是对象的一部分。这些附加的财产继承自基本对象类，但仍然是obj的财产。

hasOwnProperty只是检查这是否是该类特有的属性，而不是从基类继承的属性。

也可以通过对象本身调用hasOwnProperty：

if (obj.hasOwnProperty(prop)) {
    // do stuff
}

但如果对象具有同名的不相关字段，则此操作将失败：

var obj = { foo: 42, hasOwnProperty: 'lol' };
obj.hasOwnProperty('foo');  // TypeError: hasOwnProperty is not a function

这就是为什么通过Object.prototype调用它更安全的原因：

var obj = { foo: 42, hasOwnProperty: 'lol' };
Object.prototype.hasOwnProperty.call(obj, 'foo');  // true

用于。。。in循环表示对象中的每个属性，因为它就像for循环。您在for中定义了propt。。。在循环中执行以下操作：

    for(var propt in obj){
alert(propt + ': ' + obj[propt]);
}

A代表。。。在循环中迭代对象的可枚举财产。无论您定义哪个变量，或将其放入for。。。在循环中，每次转到它迭代的下一个属性时都会发生更改。for中的变量。。。in循环遍历键，但它的值是键的值。例如：

    for(var propt in obj) {
      console.log(propt);//logs name
      console.log(obj[propt]);//logs "Simon"
    }

您可以看到变量与变量值的区别。相比之下，a for。。。of循环则相反。

我希望这有帮助。

如果您的环境支持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
}

JavaScript中的对象是财产的集合，因此可以在for-each语句中循环。

您应该将obj视为键值集合。

这是为了。。。in语句（MDN、ECMAScript规范）。

您可以将其读为“对于obj对象中的每个属性，依次将每个属性分配给PROPT变量”。

推荐文章