首頁  >  文章  >  web前端  >  es6遍歷物件的方法是什麼

es6遍歷物件的方法是什麼

WBOY
WBOY原創
2022-05-06 17:49:262301瀏覽

方法:1、用「Object.keys(obj)」遍歷對象,傳回一個包含物件本身所有可枚舉屬性的鍵名數組;2、用「Reflect.ownKeys(obj)」遍歷對象,傳回一個包含物件本身的所有鍵名的陣列;3、用「for in」迴圈遍歷物件等。

es6遍歷物件的方法是什麼

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6遍歷物件的方法是什麼

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn