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屬性。

?

轉載于:https://www.cnblogs.com/1571523732-qq/p/10076385.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的ES6学习--对象属性的遍历的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。