前言

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

一、Entries

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

二、Every

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

我們給它一個(gè)真的條件，如下：

三、For循環(huán)

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

四、For...in....

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

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

五、For...of

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

六、Foreach

它可以遍歷數(shù)組中的每一項(xiàng)，沒(méi)有返回值，對(duì)原數(shù)組無(wú)影響，而且不止IE瀏覽器。如下：

七、Filter

根據(jù)指定條件來(lái)遍歷數(shù)組但不改變?cè)紨?shù)組，返回新數(shù)組，相當(dāng)于一個(gè)過(guò)濾器，如下：

八、總結(jié)

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