ES6學習--對象屬性的遍歷

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

///////Object.keys遍歷屬性/////////
let obj = {a:1, b:2,c:3};
Object.keys(obj); //["a", "b", "c"]返回對象屬性數組

 

/////////Object.keys遍歷value/////////
let obj = {a:1,b:2,c:function(){}};
Object.values(obj); //[1, 2, f]返回對象屬性value值數組

///////Object.entries遍歷鍵值對////////
let obj = {a:1,b:2,c:function(){}};
Object.entries(obj); ////[['a',1],['b', 2], ['c',f]返回對象鍵值對數組

///////Object.getOwnPropertyNames遍歷屬性(枚舉+不可枚舉)/////////
let obj = {a:1,b:2,c:function(){}};
Object.getOwnPropertyNames(obj); ////["a", "b", "c"]返回對象包括不可枚舉的屬性數組

 

以上的5種方法遍歷對象的屬性，都遵守同樣的屬性遍歷的次序規則。

• 首先遍歷所有屬性名為數值的屬性，按照數字排序。
• 其次遍歷所有屬性名為字符串的屬性，按照生成時間排序。
• 最后遍歷所有屬性名為Symbol值的屬性，按照生成時間排序。

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

上面代碼中，Reflect.ownKeys方法返回一個數組，包含了參數對象的所有屬性。這個數組的屬性次序是這樣的，首先是數值屬性2和10，其次是字符串屬性b和a，最后是Symbol屬性。