遍历对象财产

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

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

当前回答

Dominik的回答很完美，我更喜欢这样做，因为读起来更干净：

for (var property in obj) {
    if (!obj.hasOwnProperty(property)) continue;

    // Do stuff...
}

其他回答

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

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

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

你可以使用Lodash。文件

var obj = {a: 1, b: 2, c: 3};
_.keys(obj).forEach(function (key) {
    ...
});

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

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

为了进一步完善接受的答案，值得注意的是，如果使用var object=object.create（null）实例化对象，那么object.hasOwnProperty（property）将触发TypeError。所以为了安全起见，您需要从原型中调用它，如下所示：

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

推荐文章