javascript對象遍歷順序的示例分析

發(fā)布時間：2021-05-06 13:56:29 來源：億速云閱讀：316 作者：小新欄目：編程語言

這篇文章給大家分享的是有關(guān)javascript對象遍歷順序的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。

小編介紹了介紹遍歷的數(shù)組方法（https://www.py.cn/web/js/22876.html），其中使用最頻繁的是Object.keys()或for…in。

一、常用遍歷對象的方法

使用for…in

使用Object.keys

二、遍歷規(guī)則：

通過Object.keys()或for…in去遍歷對象的key值，然后通過key值取到對應(yīng)的value值，這兩種方法獲取到的key的順序是一樣的。

1、提取所有 key 的 parseFloat 值為非負整數(shù)的屬性；

2、根據(jù)數(shù)字順序?qū)傩耘判蚴紫缺闅v出來；

3、按照對象定義的順序遍歷余下的所有屬性。

純數(shù)字的key會按照數(shù)字值排序后優(yōu)先遍歷，含有字母或特殊符號的key不排序，并在純數(shù)字key遍歷完之后進行遍歷。

三、遍歷順序：

瀏覽器有關(guān)系，Chrome跟IE是不一樣的。

使用for-in返回的屬性因各個瀏覽器廠商遵循的標(biāo)準(zhǔn)不一致導(dǎo)致對象屬性遍歷的順序有可能不是當(dāng)初構(gòu)建時的順序。

使用Object.keys 同for..in一樣不能保證屬性按對象原來的順序輸出。

四、解決方法：

可以把對象通過Object.keys提取對象的key出來變成數(shù)組，然后通過數(shù)組的排序，然后遍歷數(shù)組，通過key去取對象的屬性值。

感謝各位的閱讀！關(guān)于“javascript對象遍歷順序的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)