JavaScript5种遍历对象属性的方法比较

ES6中提供了5种方法遍历对象的属性

1. for...in
   for...in循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)。
2. Object.keys(obj)
   Object.keys返回一个数组，包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)。
3. Object.getOwnPropertyNames(obj)
   Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性(不含Symbol属性，但是包括不可枚举属性）。
4. Object.getOwnPropertySymbols(obj)
   Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有Symbol属性。
5. Reflect.ownKeys(obj)
   Reflect.ownKeys返回一个数组，包含对象自身的所有属性，不管属性名是Symbol还是字符串，也不管是否可枚举。

遍历方法	是否遍历原型	是否遍历不可枚举	是否遍历Symbol属性
for...in	是	否	否
Object.keys(obj)	否	否	否
Object.getOwnPropertyNames(obj)	否	是	否
Object.getOwnPropertySymbols(obj)	否	是	是
Reflect.ownKeys(obj)	否	是	是

以上5种方法遍历对象的属性时遵循同样的属性遍历次序规则。

• 首先遍历所有属性名为数值的属性，按照数字排序。
• 其次遍历所有属性名为字符串的属性，按照生成时间排序。
• 最后遍历所有属性名为Symbol值的属性，按照生成时间排序。

Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0})
// [ '2', '10', 'b', 'a', Symbol() ]

参考文献

《ES6标准入门》