方法:1、用「Object.keys(obj)」遍歷對象,傳回一個包含物件本身所有可枚舉屬性的鍵名數組;2、用「Reflect.ownKeys(obj)」遍歷對象,傳回一個包含物件本身的所有鍵名的陣列;3、用「for in」迴圈遍歷物件等。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
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 種方法遍歷物件的鍵名,都遵守同樣的屬性遍歷的次序規則。
首先遍歷所有數值鍵,依照數值升序排列。
其次遍歷所有字串鍵,依照加入時間升序排列。
最後遍歷所有 Symbol 鍵,依照加入時間升序排列。
Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 }) // [‘2′, ’10’, ‘b’, ‘a’, Symbol()]
【相關推薦:javascript影片教學、web前端】
以上是es6遍歷物件的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!