JavaScrip中 Array.reduce()
数组的方法 reduce()
reduce方法在数组的每一项元素上都会执行回调函数。
语法:array.reduce( callBack [ , init] )
// 语法
arrary.reduce(function(pre, val, ind, arr){ // .... }, init)
回调函数的参数有:初始值/上一次回调返回值、当前元素、当前索引、原数组。
callBack 函数:callBack(pre, val, ind, arr)。
pre:初始值init 或 上一次回调函数的返回值。提供初始值init,作为首次回调函数的第一个参数pre的值使用。
val: 当前元素。
ind: 当前索引。
arr: 原数组。
init初始值:作为首次回调函数的第一个参数的pre值使用。
1.求和
const array = [1, 2, 3, 4, 5]
const total = array.reduce((pre, val) => pre + val, 0)
console.log(total) // 15
const array = [ { num: 10 }, { num: 20 }, { num: 30 } ] const total = array.reduce((pre, val) => pre + val.num, 0) console.log(total) // 60
2.最大值
const array = [1, 2, 3, 8, 5, 2, 4] const max = array.reduce((pre, val) => Math.max(pre, val))
// const max = array.reduce((pre, val) => pre > val ? pre : val)
// const max = arrary.reduce(pre, val) => Math.max(pre, val), array[0]) console.log(max ) // 8
const array = [ { num: 120 }, { num: 10 }, { num: 200 }, { num: 30 } ] const max= array.reduce((pre, val) => Math.max(pre, val.num), array[0].num)
// const max= array.reduce((pre, val) => Math.max(typeof pre === 'number' ? pre : pre.num, val.num))
console.log(max) // 200
3.其他用法
const array = [ { age: 18, name: '花花' }, { age: 19, name: '韩梅' }, { age: 16, name: '小白' }, { age: 17, name: '框猪' } ] const res = array.reduce((pre, val, ind, arr) => { let s = '' let e = '' switch (ind) { case 0: s = '' break case arr.length - 1: s = '和' e = '。' break default: s = '、' } return pre + `${s}${val.name}${e}` }, '参与者有')
console.log(res) // 参与者有花花、韩梅、小白和框猪。
const array = [ { age: 18, name: '花花', type: 1 }, { age: 19, name: '韩梅', type: 3 }, { age: 16, name: '小白', type: 2 }, { age: 17, name: '框猪', type: 1 }, { age: 17, name: '懵萌', type: 1 }, { age: 20, name: '大卫', type: 3 } ] const Obj = array.reduce((pre, val) => { pre[val.type] ? pre[val.type].push(val) : pre[val.type] = [val] return pre }, {}) console.log(Obj)
/* 实现数组分类
{
1: [
{ age: 18, name: '花花', type: 1 },
{ age: 17, name: '框猪', type: 1 },
{ age: 17, name: '懵萌', type: 1 }
],
2: [
{ age: 16, name: '小白', type: 2 }
],
3: [
{ age: 19, name: '韩梅', type: 3 },
{ age: 20, name: '大卫', type: 3 }
]
}
*/