關(guān)于數(shù)組中forEach() 、map()、filter()、reduce()、some()、every()的總結(jié)

1、forEach()

var arr = [1,2,3,4]; arr.forEach((item,index,arr) => { console.log(item) //結(jié)果為1,2,3,4 }) //forEach遍歷數(shù)組，無(wú)返回值，不改變?cè)瓟?shù)組，僅僅只是遍歷、常用于注冊(cè)組件、指令等等。

2、map()

var arr = [1,2,3,4]; arr.map((item,index,arr) => { return item*10 //新數(shù)組為10,20,30,40 }) //map遍歷數(shù)組，返回一個(gè)新數(shù)組，不改變?cè)瓟?shù)組的值。

3、filter()

var arr = [1,2,3,4]; arr.filter((item,index,arr) => { return item > 2 //新數(shù)組為[3,4] }) //filter過(guò)濾掉數(shù)組中不滿足條件的值，返回一個(gè)新數(shù)組，不改變?cè)瓟?shù)組的值。

?

4、reduce()

var arr = [1,2,3,4]; arr.reduce((result,item,index,arr) => { console.log(result) // 1 3 6 result為上次一計(jì)算的結(jié)果 console.log(item) // 2 3 4 console.log(index) // 1 2 3 return result+item //最終結(jié)果為10 }) //reduce 讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算。然后返回其值，并繼續(xù)計(jì)算。不改變?cè)瓟?shù)組，返回計(jì)算的最終結(jié)果，從數(shù)組的第二項(xiàng)開(kāi)始遍歷。

?

5、some()

var arr = [1,2,3,4]; arr.some((item,index,arr) => { return item > 3 //結(jié)果為true }) //遍歷數(shù)組每一項(xiàng)，有一項(xiàng)返回true,則停止遍歷，結(jié)果返回true。不改變?cè)瓟?shù)組

?

6、every()

var arr = [1,2,3,4]; arr.every((item,index,arr) => {return item > 1 //結(jié)果為false }) //遍歷數(shù)組每一項(xiàng)，每一項(xiàng)返回true,則最終結(jié)果為true。當(dāng)任何一項(xiàng)返回false時(shí)，停止遍歷，返回false。不改變?cè)瓟?shù)組

?

以上6個(gè)方法均為ES6語(yǔ)法，IE9及以上才支持。不過(guò)可以通過(guò)babel轉(zhuǎn)意支持IE低版本。?
以上均不改變?cè)瓟?shù)組。?
some、every返回true、false。?
map、filter返回一個(gè)新數(shù)組。?
reduce讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算，返回最終操作的結(jié)果。?
forEach 無(wú)返回值。

轉(zhuǎn)自：https://www.cnblogs.com/zhengyan/p/9668021.html

轉(zhuǎn)載于:https://www.cnblogs.com/sweeeper/p/11243957.html

總結(jié)

以上是生活随笔為你收集整理的ES6数组新增的几个方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。