回復(fù)“前端”即可獲贈前端相關(guān)學(xué)習(xí)資料

前言

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

一、Entries

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

二、Every

every()是對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對每一項(xiàng)返回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ù)組中的每一項(xiàng)，沒有返回值，對原數(shù)組無影響，而且不止IE瀏覽器。如下：

七、Filter

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

八、總結(jié)

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

歡迎大家點(diǎn)贊，轉(zhuǎn)發(fā)，轉(zhuǎn)載，感謝大家的相伴與支持

想加入前端學(xué)習(xí)群請?jiān)诤笈_回復(fù)【入群】

萬水千山總是情，點(diǎn)個【在看】行不行