[[405556]]

前言

JavaScript想必大家都不陌生了，其中的字符串和數(shù)組大家經(jīng)常都會用到，今天就讓我們來說說這里面的數(shù)組對象的遍歷吧，因為遍歷經(jīng)常使用的緣故，所以小編帶著大家來解鎖遍歷的所有方法，以便大家能夠更深入的了解數(shù)組遍歷，并在實際項目中靈活運用。

一、Entries

這個是 ES6中提供的用于遍歷數(shù)組的方法，它會返回一個遍歷器對象，Entries是對鍵值對的遍歷。

二、Every

every()是對數(shù)組中的每一項運行給定函數(shù)，如果該函數(shù)對每一項返回True,則返回True。比如：

我們給它一個真的條件，如下：

三、For循環(huán)

最常用的數(shù)組遍歷的方法，但是效率不夠高，一般建議使用臨時變量來存儲數(shù)組中的數(shù)據(jù)進(jìn)行遍歷讀取輸出，避免重復(fù)。如下：

四、For...in....

用于對數(shù)組或者對象的屬性進(jìn)行循環(huán)操作，每執(zhí)行一次，就會對數(shù)組的元素或者對象的屬性進(jìn)行一次操作，如下：

可以看出返回的是數(shù)組的下標(biāo)和數(shù)組的值和原型上的方法和屬性。因此For...in更適合遍歷對象，不適合遍歷數(shù)組。

五、For...of

可直接遍歷數(shù)組的元素的值，對于遍歷數(shù)組來說非常方便，推薦使用這種方法，如下：

六、Foreach

它可以遍歷數(shù)組中的每一項，沒有返回值，對原數(shù)組無影響，而且不止IE瀏覽器。如下：

七、Filter

根據(jù)指定條件來遍歷數(shù)組但不改變原始數(shù)組，返回新數(shù)組，相當(dāng)于一個過濾器，如下：

八、總結(jié)

本文主要介紹了JavaScrpit中數(shù)據(jù)遍歷的常用7種方式，下一篇文章繼續(xù)安利7種遍歷方式。乍看一下，沒想到竟然有這么多方法，不知道你知道哪幾種呢?