JavaScript中的map方法

Posted 2020-09-26 蔚蓝色幻想

　　假设有一个函数f(x)=x2;作用在一个数组[1,2,3,4,5,6,7,8,9],通常我们会用遍历的方法来实现。　　

function f(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]))   
}

　　这样的确可以实现，但我们有更优雅的实现。

function f(x) {
    return x * x;
}

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(f); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

　　map()方法定义在javascript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到一个新的Array作为结果。map传入的参数时f，即函数本身。

　　所以，map()作为高阶函数，事实上它把运算规则抽象了。因此我们不光可以用来计算简单的f(x)=x2，还可以计算任意复杂度的函数，比如将数组的所有数字转化为字符串：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // [‘1‘, ‘2‘, ‘3‘, ‘4‘, ‘5‘, ‘6‘, ‘7‘, ‘8‘, ‘9‘]