一净赴、map
舉例說明绳矩,比如我們有一個函數(shù)f(x)=x2,要把這個函數(shù)作用在一個數(shù)組[1, 2, 3, 4, 5, 6, 7, 8, 9]上玖翅,就可以用map實現(xiàn)如下:
由于map()方法定義在JavaScript的Array中翼馆,我們調(diào)用Array的map()方法,傳入我們自己的函數(shù)金度,就得到了一個新的Array作為結(jié)果:
function pow(x) {
return x * x;
}
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]
map()傳入的參數(shù)是pow应媚,即函數(shù)對象本身。
你可能會想猜极,不需要map()中姜,寫一個循環(huán),也可以計算出結(jié)果:
var f = function (x) {
return x * x;
};
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
for (var i=0; i<arr.length; i++) {
result.push(f(arr[i]));
}
的確可以跟伏,但是丢胚,從上面的循環(huán)代碼,我們無法一眼看明白“把f(x)作用在Array的每一個元素并把結(jié)果生成一個新的Array”受扳。
所以携龟,map()作為高階函數(shù),事實上它把運算規(guī)則抽象了勘高,因此峡蟋,我們不但可以計算簡單的f(x)=x2坟桅,還可以計算任意復(fù)雜的函數(shù),比如蕊蝗,把Array的所有數(shù)字轉(zhuǎn)為字符串:
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']
二仅乓、reduce
再看reduce的用法。Array的reduce()把一個函數(shù)作用在這個Array的[x1, x2, x3...]上匿又,這個函數(shù)必須接收兩個參數(shù)方灾,reduce()把結(jié)果繼續(xù)和序列的下一個元素做累積計算,其效果就是:
[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)
比方說對一個Array求和碌更,就可以用reduce實現(xiàn):
var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
return x + y;
}); // 25