ES6中的reduce函数详解

reduce函数的语法格式

arr.reduce(callback,[initialValue])
/* callback （执行数组中每个值的函数，包含四个参数）

        1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
        2、currentValue （数组中当前被处理的元素）
        3、index （当前元素在数组中的索引）
        4、array （调用 reduce 的数组）

        initialValue （作为第一次调用 callback 的第一个参数（初始previousValue）。）*/

下面上代码就更好理解了

//数组求和
var arr = [1, 2, 3, 4];

 var sum = arr.reduce(function(prev, cur, index, arr) {
 //调试，实在不明白可以单步调试一下
// debugger
     console.log(prev, cur, index,arr);
     return prev + cur;
     //下面的指定pre的初始值为0
 },0)
 console.log(arr, sum);

这个函数本质就是遍历数组,cur和index会从数组的开始移动到最后，函数的返回值作为下一次调用函数的pre值（如果遍历完就是reduce的返回值）
第一次调用函数:pre = 0,cur = 1，index = 0,arr=[1,2,3,4] 返回（下一次的pre）1;
第二次调用函数:pre = 1,cur = 2，index = 1,arr=[1,2,3,4] 返回（下一次的pre）3;
第三次调用函数:pre = 3,cur = 3，index = 2,arr=[1,2,3,4] 返回（下一次的pre）6;
第四次调用函数:pre = 6,cur = 4，index = 3,arr=[1,2,3,4]返回reduce函数的返回值10;

在看下面demon(reduce高级用法)加深理解

//reduce函数的高级用法，求数组中元素的出现次数

let names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
let nameNum = names.reduce((pre,cur,index)=>{
    console.log(pre,cur,index)
    if(cur in pre){
        pre[cur]++
    }else{
        pre[cur] = 1
    }
    console.log(pre,cur,index)
    return pre
},
    //这里设置pre初始值是空对象
    {})
console.log(nameNum); //{Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

//数组的去重
    let arr = [1,2,3,4,5,1,3,7,2,1,3,4,8,5,5,7]
    newarr = arr.reduce((pre,curr,index,arr)=>{
       // debugger
        console.log(pre,curr)
        //console.log(typeof pre,typeof curr)
        //不可以写成curr in pre  原因往下看
        if (pre.includes(curr)) console.log(curr+"已经包含在对象中了");
        else pre.push(curr)
        return pre
    },[])
    console.log(arr)
    console.log(newarr)*/

上面的两个例子，第一个判断一个属性是否在对象中可以用in关键字来做。
但是坑来了，为什么下面判断元素是否在数组中不可以用in?这就涉及到in和includes的区别了，请看下面的博客

ES6 in和includes区别
文章如有错误欢迎大佬批评指正。