map map函数以函数作为参数,这个函数参数作用在数组的每一个元素上。
举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]
上,就可以用map
实现如下:
由于map()
方法定义在JavaScript的Array
中,我们调用Array
的map()
方法,传入我们自己的函数,就得到了一个新的Array
作为结果:
function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var results = arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81] console.log(results);
reduce reduce函数是将数组的前两个元素做运算,将运算的结果再与第三个元素做运算,以此类推运算到最后一个元素得出最后的结果。
再看reduce的用法。Array的reduce()
把一个函数作用在这个Array
的[x1, x2, x3...]
上,这个函数必须接收两个参数,reduce()
把结果继续和序列的下一个元素做累积计算,其效果就是:
[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)
比方说对一个Array
求和,就可以用reduce
实现:
var arr = [1, 3, 5, 7, 9]; arr.reduce(function (x, y) { return x + y; }); // 25
map与reduce返回的都是一个新的数组,并不是原来的数组。
注意:map里面的函数参数的参数只能是有一个参数
利用map()
把字符串变成整数,他写的代码很简洁:
'use strict'; var arr = ['1', '2', '3']; var r; r = arr.map(parseInt); console.log(r);
结果竟然是1, NaN, NaN
,为什么不是1,2,3呢????
由于map()
接收的回调函数可以有3个参数:callback(currentValue, index, array)
,通常我们仅需要第一个参数,而忽略了传入的后面两个参数。不幸的是,parseInt(string, radix)
没有忽略第二个参数,导致实际执行的函数分别是:
parseInt('0', 0); // 0, 按十进制转换
parseInt('1', 1); // NaN, 没有一进制
parseInt('2', 2); // NaN, 按二进制转换不允许出现2
可以改为r = arr.map(Number);
,因为Number(value)
函数仅接收一个参数
共同学习,写下你的评论
评论加载中...
作者其他优质文章