map()方法和reduce（）方法的使用

~~

JS高阶函数

在javascript中有很多处理数组的高阶函数，如map(),reduce(),sort(),filter(）等，本文将介绍map/reduce的使用。

map()

举例：1.如果要求解一个函数f(x)=x^2，x的值来自数组[1,2,3,4,5,6,7],而且把所有的解返回到一个数组中，我们可以用一个循环来实现：

// 循环实现
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]));
}
return result; 

但是这样写的话，我们无法一眼看明白“把f(x)作用在Array的每一个元素并把结果生成一个新的Array”。
而使用map方法的话：

//map()
function pow(x) {
    return x * x;
}
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var results = arr.map(pow); 
return result; // [1, 4, 9, 16, 25, 36, 49, 64, 81];

所以，map()作为高阶函数，事实上它把运算规则抽象了，因此，我们不但可以计算简单的f(x)=x^2，还可以计算任意复杂的函数，比如，把Array的所有数字转为字符串：

//只需要一行代码。
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']

reduce()

Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算，其效果就是：

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4);

举例：1.使用reduce()对一个数组求和：

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x + y;
}); // 25

2.把[1, 3, 5, 7, 9]变换成整数13579，reduce()也能派上用场：

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x * 10 + y;
}); // 13579

本文摘自：
[1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference