JS数组reduce()方法使用

淩亂°似流年 2023-06-06 03:41 13阅读 0赞

## 定义和用法 ##

> reduce() 方法接收一个函数作为**累加器**，数组中的每个值（从左到右）开始缩减，最终计算为一个值。  
> reduce() 可以作为一个高阶函数，用于函数的 compose。  
> 注意: reduce() 对于空数组是不会执行回调函数的。

## 语法 ##

> array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

## 参数（重点理解回调的两个参数） ##

> 第一个参数（callback）：**function**(total, currentValue, currentIndex, arr)
> 
>  *  previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
>  *  currentValue （数组中当前被处理的元素）
>  *  index （当前元素在数组中的索引）
>  *  array （调用 reduce 的数组）
> 
> 第二个参数：**initialValue** （作为第一次调用 callback 的第一个参数。） ,***该值也决定了返回值类型***
> 
>  *  **如果不给这个值，那么默认从第二项开始遍历，如果数组为空则异常**

## 使用 ##

源码：  
链接：[https://pan.baidu.com/s/1jd7Vs7Eth\_Jh-rMNZqJRSA][https_pan.baidu.com_s_1jd7Vs7Eth_Jh-rMNZqJRSA]  
提取码：0iuv

*  第一统计：ip计数，或者单词统计

![在这里插入图片描述][20191009185158806.png]

*  第二去重

let arrays = ['192.168.81.21','192.168.81.21','192.168.81.22','192.168.81.23',
    					'192.168.81.24','192.168.81.25','192.168.81.23'];
    let n= arrays.reduce((pred, nowd) => {
            if(!pred.includes(nowd)) {
                // pred.push(nowd);
                pred = pred.concat(nowd)
            }
            return pred;
    }, []);//去重  reduces决定了参数是数组

![在这里插入图片描述][20191009185409119.png]

*  第三返回多种数据格式

![在这里插入图片描述][20191009190125473.png]

--------------------

用到这里的原因，我的可[视化记一笔][Link 1]中，在前端统计访问api次数

[https_pan.baidu.com_s_1jd7Vs7Eth_Jh-rMNZqJRSA]: https://pan.baidu.com/s/1jd7Vs7Eth_Jh-rMNZqJRSA
[20191009185158806.png]: /images/20230601/ceab4f8c339f498d99bdf760a79c2385.png
[20191009185409119.png]: /images/20230601/0613d0cbc90f4998a48341c452c94c56.png
[20191009190125473.png]: /images/20230601/3a818120b079489cadbec130b5ecbf92.png
[Link 1]: https://blog.csdn.net/ljcc122/article/details/100654976