目錄

可列舉性

屬性的遍歷

可列舉性

物件的每個屬性都有一個描述物件，用來控制該屬性的行為，Object.getOwnPropertyDescriptor方法可以獲取該屬性的描述物件。描述物件的enumerable屬性，稱為可列舉性，如果為true，為可列舉的，如果為false，就表示某些操作會忽略當前屬性。

let obj = { foo :1};
console.log(Object.getOwnPropertyDescriptor(obj,"foo"));

目前有四個操作會忽略enumerable為false的屬性。

這四個操作之中，前三個是ES5就有的，最後一個Object.assign是ES6新增的。其中，只有for...in會返回繼承的屬性，其他三個方法都會忽略繼承的屬性。只處理物件自身的屬性。實際上，引入“可列舉”（enumerable）這個概念的最初的目的，就是讓某些屬性可以規避掉for...in操作，不然所有內部屬性和方法都會遍歷到。

比如：物件原型的toString方法，以及陣列的length屬性，就通過“可列舉性”，從而避免被for...in遍歷到。

console.log(Object.getOwnPropertyDescriptor(Object.prototype,"toString").enumerable);       //false
console.log(Object.getOwnPropertyDescriptor([],"length").enumerable);       //false

另外，ES6規定所有Class的原型方法都是不可列舉的。

console.log(Object.getOwnPropertyDescriptor(class a{ foo(){}}.prototype,"foo").enumerable);    //false
 

屬性的遍歷

1.for...in

for...in迴圈遍歷物件自身的和繼承的可列舉屬性（不含 Symbol 屬性）。

2.Object.key(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 種方法遍歷物件的鍵名，都遵守同樣的屬性遍歷的次序規則。
          首先遍歷所有數值鍵，按照數值升序排列
          其次遍歷所有字串鍵，按照加入時間升序排列
          最後遍歷所有Symbol鍵，按照加入時間升序排列

let queue = Reflect.ownKeys({ [Symbol()] : 0,b : 0, 10 : 0, 2 : 0 , a : 0,});
console.log(queue);         [2,10,b,a,[Symbol()]]

主頁傳送門