JS--遍歷對象屬性的五種方式


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

 

以上的 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 屬性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM