盤點JavaScript中數組遍歷的全部方式(上篇)
前言
JavaScript想必大家都不陌生了,其中的字符串和數組大家經常都會用到,今天就讓我們來說說這里面的數組對象的遍歷吧,因為遍歷經常使用的緣故,所以小編帶著大家來解鎖遍歷的所有方法,以便大家能夠更深入的了解數組遍歷,并在實際項目中靈活運用。
一、Entries
這個是 ES6中提供的用于遍歷數組的方法,它會返回一個遍歷器對象,Entries是對鍵值對的遍歷。
二、Every
every()是對數組中的每一項運行給定函數,如果該函數對每一項返回True,則返回True。比如:
我們給它一個真的條件,如下:
三、For循環
最常用的數組遍歷的方法,但是效率不夠高,一般建議使用臨時變量來存儲數組中的數據進行遍歷讀取輸出,避免重復。如下:
四、For...in....
用于對數組或者對象的屬性進行循環操作,每執行一次,就會對數組的元素或者對象的屬性進行一次操作,如下:
可以看出返回的是數組的下標和數組的值和原型上的方法和屬性。因此For...in更適合遍歷對象,不適合遍歷數組。
五、For...of
可直接遍歷數組的元素的值,對于遍歷數組來說非常方便,推薦使用這種方法,如下:
六、Foreach
它可以遍歷數組中的每一項,沒有返回值,對原數組無影響,而且不止IE瀏覽器。如下:
七、Filter
根據指定條件來遍歷數組但不改變原始數組,返回新數組,相當于一個過濾器,如下:
八、總結
本文主要介紹了JavaScrpit中數據遍歷的常用7種方式,下一篇文章繼續安利7種遍歷方式。乍看一下,沒想到竟然有這么多方法,不知道你知道哪幾種呢?