對(duì)一個(gè)數(shù)組filter、some、map、forEach的操作分別有什么作用?

js語言中,數(shù)組對(duì)象(即Array類型)是一種非常常用的類型,ECMAScript數(shù)組的每一項(xiàng)可以保存任何類型的數(shù)據(jù)。

數(shù)組對(duì)象的方法有很多:“轉(zhuǎn)換方法”、“棧方法”、“隊(duì)列方法”、“重排序方法”、“操作方法”、“迭代方法”等。

這次就針對(duì)“迭代方法”的內(nèi)容進(jìn)行介紹。


ECMAScript5為數(shù)組定義了5個(gè)迭代方法:

every()、filter()、forEach()、map()、some()

每個(gè)方法都接收兩個(gè)參數(shù):

1、要在每一項(xiàng)上運(yùn)行的函數(shù)。

2、運(yùn)行該函數(shù)的作用域?qū)ο蟆猼his(可選)。

array.forEach(function () {

//do your staff here;

}, this);

傳入這些方法中的函數(shù)參數(shù)本身會(huì)接收三個(gè)參數(shù):

1、數(shù)組項(xiàng)的值;

2、該項(xiàng)在數(shù)組中的位置;

3、數(shù)組對(duì)象本身;

array.forEach(function (item, index, array) {

//do your staff here;

}, this);


every、filter、some、map、foreach的操作分別有什么作用?

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

every返回的是布爾值,只要有一個(gè)返回false,結(jié)果就為false。

filter():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回該函數(shù)會(huì)返回true 的項(xiàng)組成的數(shù)組。

filter方法是對(duì)原數(shù)組進(jìn)行篩選,將符合要求的值組成一個(gè)新數(shù)組,返回的是一個(gè)數(shù)組對(duì)象。

forEach():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。這個(gè)方法沒有返回值。

沒有返回值

map():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。

some():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對(duì)任一項(xiàng)返回true,則返回true。

返回一個(gè)布爾值。


JavaScript中reduce()方法

reduce方法也是對(duì)數(shù)組的每一項(xiàng)進(jìn)行操作,一些人將其歸于數(shù)組的迭代方法中。

reduce() 方法接收一個(gè)函數(shù)作為累加器,數(shù)組中的每個(gè)值(從左到右)開始縮減,最終為一個(gè)值,是ES5中新增的又一個(gè)數(shù)組逐項(xiàng)處理方法

參數(shù)

callback(一個(gè)在數(shù)組中每一項(xiàng)上調(diào)用的函數(shù),接受四個(gè)參數(shù))

? ? ? ? ?previousValue(上一次調(diào)用回調(diào)函數(shù)時(shí)的返回值,或者初始值)

? ? ? ? ?currentValue(當(dāng)前正在處理的數(shù)組元素)

? ? ? ? ?currentIndex(當(dāng)前正在處理的數(shù)組元素下標(biāo))

? ? ? ? ?array(調(diào)用reduce()方法的數(shù)組)

initialValue(可選的初始值。作為第一次調(diào)用回調(diào)函數(shù)時(shí)傳給previousValue的值,如果沒有提供初始值,則將使用數(shù)組中的第一個(gè)元素。)

沒有設(shè)置initialValue,給數(shù)組一個(gè)每項(xiàng)相加的函數(shù),運(yùn)行結(jié)果為pre = 1;

pre = 1+2 //3? ? ? ? ? ??

pre = 3+3 // 6

return 10

設(shè)置了初始值為5

pre = 5;

pre = 5+1;

pre = 6+2;

return? 15


參考文獻(xiàn):

《JavaScript高級(jí)程序設(shè)計(jì)》


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容