【JavaScript】数组reduce用法

前言

---

今天在上班学(mo)习(yu)的时候,看到了一篇数组去重的方法,考虑到之前的面试也多次出现这个问题,关注了一波细细品读,发现有一个新东西 reduce( )
本着 认真负责 字越多越有道理 的态度,重头捋一遍数组去重的方式更系统便捷.

首先最简便的去重肯定是 Set() 一把梭! 既然要一把梭了,那就说明越简单逼格越高,代码如下:

const arr = ['1', '2', '1', '1', '1', '1'];
const batman = [...new Set(arr)];

其余的方法可以归类为数组遍历查询元素是否在目标数组中,不存在则push进去

双重for循环使用元素全等 ,indexOf查询在目标数组索引 ,includes ,等等

今天的主角 reduce( ) 也在这类方法之中

正文

---

其语法为

arr.reduce(function(prev,cur,index,arr){
...
}, init);

arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。

需要注意:init没有初始值时 ,此时prev没找到初始值会先拿arr[0] ,那么cur就会去拿arr[1] ,同理index就为1 .这样如果数组长度小于2就会报错

最安全的使用reduce的方式就是,提供初始值! 提供初始值! 提供初始值!

如何去重

//检查值是否重复 方法仍有很多 不赘述 
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);

var newArr = arr.reduce(function (prev, cur) {
    return prev.includes(cur)?prev:prev.concat(cur);
},[]);

本质是遍历但是可以同时拿到两个数组内的值

应用场景还有 求和 查找最大值等 

还可以实现数组降维(扁平化)操作  flat一把梭!