遍历对象财产

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

变量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

其他回答

如果您只想迭代映射属性值，则lodash具有_.mapValues

常量对象={a： 2，b： 3个}常量res=_.map值（obj，v=>v*2）console.log（res）<script src=“https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js“></script>

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

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

添加ES2015对Reflect.ownKeys（obj）的使用，并通过迭代器迭代财产。

例如：

let obj = { a: 'Carrot', b: 'Potato', Car: { doors: 4 } };

可以通过

// logs each key
Reflect.ownKeys(obj).forEach(key => console.log(key));

如果您想直接迭代对象的键的值，可以定义迭代器，就像JavaScipts的字符串、数组、类型化数组、Map和Set的默认迭代器一样。

JS将尝试通过默认迭代器属性进行迭代，该属性必须定义为Symbol.iterator。

如果希望能够遍历所有对象，可以将其添加为Object的原型：

Object.prototype[Symbol.iterator] = function*() { 
    for(p of Reflect.ownKeys(this)){ yield this[p]; }
}

这将使您能够使用for。。。例如：

for(val of obj) { console.log('Value is:' + val ) }

注意：截至撰写此答案（2018年6月），除IE外，所有其他浏览器都支持生成器和。。。通过Symbol.iterator迭代

你可以使用Lodash。文件

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

这只是为了。。。在循环中。查看Mozilla的文档。

推荐文章