跳到主要内容

遍历对象属性的五种方式

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 或字符串，也不管是否可枚举。

以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则:

/**
1. 首先遍历所有数值键，按照数值升序排列。
2. 其次遍历所有字符串键，按照加入时间升序排列。
3. 最后遍历所有 Symbol 键，按照加入时间升序排列。
**/
// ['2', '10', 'b', 'a', Symbol()]
Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })

上面代码中，Reflect.ownKeys方法返回一个数组，包含了参数对象的所有属性。这个数组的属性次序是这样的，首先是数值属性2和10，其次是字符串属性b和a，最后是 Symbol 属性。

Tips：可枚举属性符可以在对象的属性描述符进行查询。