reduce()的用法

callback()函数接收四个参数

• preValue：上次调用的值（每次计算结束的返回值），或者初始值

• curValue：数组当前被处理的数组项

• index：当前数组项的索引值

• array：调用reduce（）方法的数组

//理解例子
let arr = [1, 2, 3, 4];
let sum1 = arr.reduce((x, y) => {
        console.log(x)
        return x + y
    })
// 得到 1,3,6
 
let sum2 = arr.reduce((x, y) => {
        console.log(x)
        return x + y
    }, 10)
// 得到 10,11,13,16

reduce()的基础用法有：计算数组中每一项出现的次数、数组去重增加一列数据、将多维数组转化为一维数组、对象里的属性求和

// js计算数组中每个元素出现的次数
            var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
                
            var countedNames = names.reduce(function (allNames, name) {
            if (name in allNames) {
                allNames[name]++;
            }
            else {
            allNames[name] = 1;
            }
            return allNames;
            }, {});
            console.log(countedNames) 
            //{Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

//来源名称去重
var arr = this.originateList;
var obj = {};
arr = arr.reduce(function (item, next) {
    obj[next.value]? "": (obj[next.value] = true && item.push(next));
    return item;
}, []);

//给每个数据增加id
setId(list, start = 1) {
    return list.reduce((id, item) => {
        item.id = id++;
          return id;
    }, start);
},

//将多维数组转化为一维
let arr = [[0, 1], [2, 3], [4,[5,6,7]]]
const newArr = function(arr){
     return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):cur),[])
}
console.log(newArr(arr)); 
//[0, 1, 2, 3, 4, 5, 6, 7]

//计算对象里面具体项的总和
var result= [
    {kind:'apple',price:10},
    {kind:'banana',price:30},
    {kind:'orange',price:40},
]
        
var sum = result.reduce(function(pre,cur) {
    return cur.price+pre;
},0)
console.log('sum',sum);
//sum: 80