您的位置：首页 > Web前端 > JavaScript

JS学习-map()和reduce()

2017-08-09 10:06 197 查看

map()

此map()是函数，非

Map

类型。

map()

作为高阶函数，把运算的规则抽象。它是

Array

里的一个函数，返回一个新的数组：

//函数作为参数
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]

//把数组中的所有数字转为字符串
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']

reduce()

也是

Array

的一个函数，

reduce()

接收一个函数，且此函数必须接收两个参数，

reduce()

把结果继续和序列的下一个元素做累积计算:

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

注意1：

var arr2 = ["1", "2", "3"];
var newArr2 = arr2.map(parseInt);
console.log(newArr2);//[1,NaN,NaN]?
//原因如下：
/*由于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)函数仅接收一个参数。
*/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航