js語(yǔ)言中,數(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è)方法沒(méi)有返回值。
沒(méi)有返回值
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è)值(從左到右)開(kāi)始縮減,最終為一個(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的值,如果沒(méi)有提供初始值,則將使用數(shù)組中的第一個(gè)元素。)
沒(méi)有設(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ì)》