• JavaScript数组方法reduce解析


    Array.prototype.reduce()

    概述

    reduce()方法是数组的一个实例方法(共有方法),可以被数组的实例对象调用。reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。

    语法

    arr.reduce(callback[, initialValue]) {}
    

    参数

    回调函数中可以传递四个参数。

    previousValue:上一次调用回调函数返回的值,或者是提供的初始值(initialValue)

    currentValue:数组中当前被处理的元素

    currentIndex:当前被处理元素在数组中的索引, 即currentValue的索引.如果有initialValue初始值, 从0开始.如果没有从1开始

    array:调用 reduce 的数组

    initialValue:可选参数, 作为第一次调用 callback 的第一个参数

    返回值

    reduce()返回值是最后一次调用回调函数返回的结果

    描述

    reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:

    • previousValu 上一次值
    • currentValue 当前值
    • currentIndex 当前值的索引
    • array 数组

    回调函数第一次执行时,previousValue 和 currentValue可能是两个不同值其中的一个,如果reduce有initialValue参数,那么 previousValue 等于 initialValue ,并且currentValue 等于数组中的第一个值;如果reduce没有 initialValue 参数,那么previousValue 等于数组中的第一个值,currentValue等于数组中的第二个值。

    注意: 如果没有initialValue参数, reduce从index为1开始执行回调函数, 跳过第一个index。 如果有initialValue参数, reduce 将从index为 0 开始执行回调

    如果数组是空的并且没有initialValue参数, 将会抛出TypeError错误. 如果数组只有一个元素并且没有初始值initialValue, 或者有initialValue但数组是空的, 这个唯一的值直接被返回而不会调用回调函数。

    通常来说提供一个initialValue初始值更安全一点, 因为没有的话会出现如下输出结果。

    //没有提供initialValue
    function foo(){
    	return [1,2,3,4,5].reduce((x, y) => x + y);   //15
    };
    console.log(foo.call(this));
    
    function foo(){
    	return [].reduce((x, y) => x + y);   //TypeError
    };
    console.log(foo.call(this));
    
    //提供initialValue
    function foo(){
    	return [].reduce((x, y) => x + y, 0);   //0
    };
    console.log(foo.call(this));
    

    reduce()是如何工作的

    [0, 1, 2, 3, 4].reduce((previousValue, currentValue, index, array) => previousValue + currentValue);
    

    回调被执行四次,每次的参数和返回值如下表:

    reduce 的返回值是回调函数最后一次被调用的返回值(10)。

    如果把初始值作为第二个参数传入 reduce,结果如下,结果如下:

    [0, 1, 2, 3, 4].reduce((previousValue, currentValue, index, array) => previousValue + currentValue, 10);
    


    最后一次函数调用的返回值 (20) 作为reduce函数的结果被返回

    注意:添加了initialValue参数会多调用一次回调函数

    例题

    将数组所有项相加

    let sum = [0, 1, 2, 3, 4].reduce((x, y) => x + y, 0);  
    // 10
    

    扁平化一个二维数组

    let arr = [[1, 2], [3, 4], [5, 6]].reduce((x, y) => x.concat(y), []);
    // [1, 2, 3, 4, 5, 6]
    

    转载请注明出处:http://www.cnblogs.com/Uncle-Keith/p/6164055.html

  • 相关阅读:
    需求调研-用户访谈
    kettle监控销售人员当月每天任务完成率_20161107周一
    MySQL学习_计算用户支付方式占比_20161104
    MySQL 数据底部出现总计字样 第二种办法 纵向合并 20161103
    MySQL 单笔订单满6个及以上产品且金额>=300赠送优惠券_20161103
    MySQL学习_查看各仓库产品的销售情况_20161102
    MySQL与EXCEL sum sumif sumifs 函数结合_品牌汇总_20161101
    MySQL_活动期间单笔订单最高的且满600元 判别是重激活客户还是10月注册客户_20161031
    MySQL活动期间订单满600元并且在活动日期之前超过30天没有下过单_20161030
    MySQL活动期间制定月份注册用户下单情况_20161029
  • 原文地址:https://www.cnblogs.com/unclekeith/p/6164055.html
Copyright © 2020-2023  润新知