JavaScript（一）

最新推荐文章于 2020-05-31 09:46:49 发布

原创最新推荐文章于 2020-05-31 09:46:49 发布 · 275 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#map #reduce

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了JavaScript中的高阶函数map和reduce的使用方法，并通过实例展示了如何利用这些函数实现数组映射、累加求积、字符串转整数等功能。

高阶函数

一 map

map遍历数组是产生新的数组

function pow(x) {
    return x * x;
}
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(pow);

二 reduce

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

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

1.利用reduce()求积

function product(arr) {

return arr.reduce(function(x,y){
return x*y;
});

if (product([1, 2, 3, 4]) === 24 && product([0, 1, 2]) === 0 && product([99, 88, 77, 66]) === 44274384) {
    alert('测试通过!');
}
else {
    alert('测试失败!');
}

2.把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduce()就可以写出一个把Array转换为Number的函数。

function string2int(s) {

    var arr = [];
    for(var i = 0;i<s.length;i++){
       arr.push(s[i]);
}
    return arr.map(function(x){
    return x;
}).reduce(function(x,y){
    return x*10+y;
});

3.请把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字。输入：['adam', 'LISA', 'barT']，输出：['Adam', 'Lisa', 'Bart'] 。

思路：先把全部的变为小写，之后在把首字母变为大写

function normalize(arr) {

    return arr.map(function(x){
      return x.toLowerCase();
}).map(function(s){
      return s[0].toUpperCase()+s.slice(1);
});

// 测试:
if (normalize(['adam', 'LISA', 'barT']).toString() === ['Adam', 'Lisa', 'Bart'].toString()) {
    alert('测试通过!');
}
else {
    alert('测试失败!');
}

slice() 方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

4.利用map()把字符串变成整数

var arr = ['1', '2', '3'];
var r;

r = arr.map(function(x){
return parseInt(x);
});

alert('[' + r[0] + ', ' + r[1] + ', ' + r[2] + ']');