• ES6中的数组reduce()方法详解


    reduce() 方法对数组中的每个元素执行一个由我们提供的reducer函数(升序执行),将其结果汇总为单个返回值。

    1. 语法reduce说明

    arr.reduce(callback(accumulator, currentValue, index, array), initialValue)

    第一个参数: callback函数

    执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数,包含四个参数:

       accumulator
              累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。

       currentValue
              数组中正在处理的元素。

       index 可选
               数组中正在处理的当前元素的索引。 如果提供了initialValue,则起始索引号为0,否则从索引1起始。

       array可选
              调用reduce()的原数组

    第二个参数: initialValue可选

    作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。

    这个看下来都有点蒙,其实就是两种情况,一种情况是给了初始值,一种是没提供也就是reduce的第二个参数initialValue。

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

    accumulator 累计器
    currentValue 当前值
    currentIndex 当前索引
    array 数组
    回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。

    为了理解透举个栗子:

    (1)没有给初始值时:

     (2)给初始值时

    提供一个初始值作为reduce()方法的第二个参数,以下是运行过程及结果:

     (3)其他用途:

    多维数组降维:

     

     求和:

     

     按属性对object分类:

     数据处理成树结构:

    初试数据:

     reduce处理数据的逻辑:

     最终想要的树结构数据:

     参考链接:https://blog.csdn.net/weixin_41229588/article/details/106858685

    白日不到处,青春恰自来,苔花如米小,也学牡丹开。
  • 相关阅读:
    NetBeans IDE 配置XDebug
    XAMPP环境下用phpStorm+XDebug进行断点调试的配置
    vim最通用编辑器命令
    MySQL全文索引应用简明教程
    完美解决 nginx No input file specified.
    htmlspecialchars()和htmlspecialchars_decode()
    中文CentOS 6.5网络配置及设置IP地址
    简单楼层导航代码
    linux重启nginx后出现nginx的pid丢失的解决方案
    nginx启动、关闭、重启
  • 原文地址:https://www.cnblogs.com/yihuanhuan/p/14522867.html
Copyright © 2020-2023  润新知