美文网首页JavaScript
JavaScript基础-map/reduce

JavaScript基础-map/reduce

作者: 小二哥很二 | 来源:发表于2019-05-20 13:36 被阅读0次

    1、map

    举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以用map实现,map相当于调用方法,把数组的对象都遍历传给了函数f(x)

    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);

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

    var arr = [1,2,3,4,5,6,7,8,9];

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


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

    var arr = [1, 3, 5, 7, 9];

    arr.reduce(function (x, y) {

        return x + y;

    }); // 25


    3、要把[1, 3, 5, 7, 9]变换成整数13579,reduce()也能派上用场:

    var arr = [1, 3, 5, 7, 9];

    arr.reduce(function (x, y) {

        return x * 10 + y;

    }); // 13579

    相关文章

      网友评论

        本文标题:JavaScript基础-map/reduce

        本文链接:https://www.haomeiwen.com/subject/fpvhzqtx.html