這里指的遍歷方法包括：map、reduce、reduceRight、forEach、filter、some、every
因為最近要進(jìn)行了一些數(shù)據(jù)匯總，node版本已經(jīng)是8.11.1了，所以直接寫了個async/await的腳本。
但是在對數(shù)組進(jìn)行一些遍歷操作時，發(fā)現(xiàn)有些遍歷方法對Promise的反饋并不是我們想要的結(jié)果。
當(dāng)然，有些嚴(yán)格來講并不能算是遍歷，比如說some，every這些的。根據(jù)我們數(shù)組的元素來進(jìn)行多次的調(diào)用傳入的回調(diào)。
這些方法都是比較常見的，但是當(dāng)你的回調(diào)函數(shù)是一個Promise時，一切都變了。
前言
async/await為Promise的語法糖
文中會直接使用async/await替換Promise
map
1.map可以說是對Promise最友好的一個函數(shù)了。
2.我們都知道，map接收兩個參數(shù)：
對每項元素執(zhí)行的回調(diào)，回調(diào)結(jié)果的返回值將作為該數(shù)組中相應(yīng)下標(biāo)的元素
一個可選的回調(diào)函數(shù)this指向的參數(shù)
首先使用Promise.all對數(shù)組進(jìn)行包裝，然后用await獲取結(jié)果。
reduce/reduceRight
reduce的函數(shù)簽名想必大家也很熟悉了，接收兩個參數(shù)：
對每一項元素執(zhí)行的回調(diào)函數(shù)，返回值將被累加到下次函數(shù)調(diào)用中，回調(diào)函數(shù)的簽名：
1.accumulator累加的值
2.currentValue當(dāng)前正在處理的元素
3.currentIndex當(dāng)前正在處理的元素下標(biāo)
4.array調(diào)用reduce的數(shù)組
可選的初始化的值，將作為accumulator的初始值
我們對accumulator調(diào)用await，然后再與當(dāng)前item進(jìn)行加和，在最后我們的reduce返回值也一定是一個Promise，所以我們在最外邊也添加await的字樣
也就是說我們每次reduce都會返回一個新的Promise對象，在對象內(nèi)部都會獲取上次Promise的結(jié)果。
我們調(diào)用reduce實際上得到的是類似這樣的一個Promise對象：
reduceRight
這個就沒什么好說的了。。跟reduce只是執(zhí)行順序相反而已
forEach
forEach，這個應(yīng)該是用得最多的遍歷方法了，對應(yīng)的函數(shù)簽名：
callback，對每一個元素進(jìn)行調(diào)用的函數(shù)
currentValue，當(dāng)前元素
index，當(dāng)前元素下標(biāo)
array，調(diào)用forEach的數(shù)組引用
thisArg，一個可選的回調(diào)函數(shù)this指向,如下操作：
普通版本我們是可以直接這么輸出的，但是如果遇到了Promise
forEach并不關(guān)心回調(diào)函數(shù)的返回值，所以forEach只是執(zhí)行了三個會返回Promise的函數(shù)
所以如果我們想要得到想要的效果，只能夠自己進(jìn)行增強(qiáng)對象屬性了：
await會忽略非Promise值，await 0、await undefined與普通代碼無異
filter
filter作為一個篩選數(shù)組用的函數(shù)，同樣具有遍歷的功能：
函數(shù)簽名同forEach，但是callback返回值為true的元素將被放到filter函數(shù)返回值中去。
我們要進(jìn)行一個奇數(shù)的篩選，所以我們這么寫：
這會導(dǎo)致我們的篩選功能失效，因為filter的返回值匹配不是完全相等的匹配，只要是返回值能轉(zhuǎn)換為true，就會被認(rèn)定為通過篩選。
Promise對象必然是true的，所以篩選失效。
所以我們的處理方式與上邊的forEach類似，同樣需要自己進(jìn)行對象增強(qiáng)
但我們這里直接選擇一個取巧的方式：
我們可以直接在內(nèi)部調(diào)用map方法，因為我們知道m(xù)ap會將所有的返回值返回為一個新的數(shù)組。
這也就意味著，我們map可以拿到我們對所有item進(jìn)行篩選的結(jié)果，true或者false。
接下來對原數(shù)組每一項進(jìn)行返回對應(yīng)下標(biāo)的結(jié)果即可。
some
some作為一個用來檢測數(shù)組是否滿足一些條件的函數(shù)存在，同樣是可以用作遍歷的
函數(shù)簽名同forEach，有區(qū)別的是當(dāng)任一callback返回值匹配為true則會直接返回true，如果所有的callback匹配均為false，則返回false
我們要判斷數(shù)組中是否有元素等于2：
這個函數(shù)依然會返回true，但是卻不是我們想要的，因為這個是async返回的Promise對象被認(rèn)定為true。
所以，我們要進(jìn)行如下處理：
因為some在匹配到第一個true之后就會終止遍歷，所以我們在這里邊使用forEach的話是在性能上的一種浪費。
同樣是利用了await會忽略普通表達(dá)式的優(yōu)勢，在內(nèi)部使用for-of來實現(xiàn)我們的需求
every
以及我們最后的一個every
函數(shù)簽名同樣與forEach一樣，
但是callback的處理還是有一些區(qū)別的：
其實換一種角度考慮，every就是一個反向的some
some會在獲取到第一個true時終止
而every會在獲取到第一個false時終止，如果所有元素均為true，則返回true
我們要判定數(shù)組中元素是否全部大于3
當(dāng)匹配到任意一個false時，直接返回false，終止遍歷。
后記
關(guān)于數(shù)組的這幾個遍歷方法。
因為map和reduce的特性，所以是在使用async時改動最小的函數(shù)。
reduce的結(jié)果很像一個洋蔥模型
但對于其他的遍歷函數(shù)來說，目前來看就需要自己來實現(xiàn)了。
最后，“相信有很多想學(xué)前端的小伙伴，今年年初我花了一個月整理了一份最適合2018年學(xué)習(xí)的web前端干貨，從最基礎(chǔ)的HTML+CSS+JS到移動端HTML5等都有整理，送給每一位前端小伙伴，53763，1707這里是小白聚集地，歡迎初學(xué)和進(jìn)階中的小伙伴。”
祝大家早日學(xué)有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。
