检查类型

您可以检查propt如何表示对象属性

typeof propt

发现它只是一个字符串（属性名称）。由于for in js“内置”循环的工作方式，它会生成对象中的每个属性。

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

为何在循环中，它创建了一个新变量（varsomeVariable），然后将给定对象的每个属性逐一存储在这个新变量（someVariable）中。因此，如果使用块｛｝，则可以进行迭代。考虑以下示例。

var obj = {
     name:'raman',
     hobby:'coding',
     planet:'earth'
     };

for(var someVariable in obj) {
  //do nothing..
}

console.log(someVariable); // outputs planet

实现这一点的简单明了的方法，即不迭代原型的现代JS，如下所示：

Object.prototype.iterateProperties = ((callback) => {
   Object.keys(obj).filter(key => obj.hasOwnProperty(key)).forEach((key) => {
      callback(key, obj[key]);
   });
});

解释

这段代码在所有对象的原型中创建了一个可以在每个object实例中访问的函数。该函数迭代对象的所有自己的财产，并运行回调函数，该函数为对象中的每个属性获取（键、值）。

使用示例

obj.iterateProperties((key, value) => console.log(key + ': ' + value));

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

迭代财产需要额外的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

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

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

or

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

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

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

or

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