關于數(shù)組中forEach() 、map()、filter()、reduce()、some()、every()的總結

1、forEach()

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

2、map()

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

3、filter()

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

?

4、reduce()

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

?

5、some()

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

?

6、every()

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

?

以上6個方法均為ES6語法，IE9及以上才支持。不過可以通過babel轉意支持IE低版本。?
以上均不改變原數(shù)組。?
some、every返回true、false。?
map、filter返回一個新數(shù)組。?
reduce讓數(shù)組的前后兩項進行某種計算，返回最終操作的結果。?
forEach 無返回值。

轉自：https://www.cnblogs.com/zhengyan/p/9668021.html

轉載于:https://www.cnblogs.com/sweeeper/p/11243957.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。