【JS运算】分组求和/平均值(reduce函数)
对于数组求和的问题,使用reduce函数能够最快的解决
如果你还不会reduce函数,可以看这一篇: reduce函数的使用
思路
reduce函数对相同group的值进行迭代求和
将分组的总和除以组里的个数得到平均值,然后存储起来
Sum函数:
- 用来存储分组求和的结果。
- 使用了
reduce方
法,将数组中的元素进行迭代,并将它们按照group
属性进行分组。 - 在每次迭代中,回调函数会将上一次迭代的结果
prev
和当前元素{group, value}
作为参数传入。 - 回调函数中使用了短路运算符·
||
,如果prev[group]
存在,则将它的值加上value
,否则将它的值设为0再加上value
,最后返回prev
,即上一次迭代的结果。 - 这样就可以得到一个以
group
属性为键,以value
属性为值的对象Sum
,它存储了每个分组的总和。
getAvg函数:
- 用来计算每个分组的平均值。
- 接受一个对象
x
作为参数,x
是分组求和的结果Sum
。 - 在函数内部,首先定义了一个空对象
item
,用来存储每个分组的平均值。 - 然后使用
Object.keys(x)
方法获取x对象的所有键,即分组的名称。 - 接着使用
map
方法对每个分组进行迭代,将它的平均值计算出来,并存储到item
对象中。 - 计算平均值的方法是将分组的总和
Sum[y]
除以分组中元素的个数count
。最后返回item
对象,它存储了每个分组的平均值。
代码
const users = [
{
group: 'one',
value: 114,
},
{
group: 'two',
value: 564,
},
{
group: 'one',
value: 367,
},
{
group: 'two',
value: 219,
},
]
// Sum
const Sum = users.reduce(
// reduce 第一个参数是一个回调函数,第二个参数是一个初始值对象{}
// prev是上一次迭代的结果,{group,value}是curr解构后的值,【也就是当前处理的值】
// 通过短路运算 || :如果prev[group]存在,则将prev[group]的值加上value,否则将prev[group]的值设为0再加上value。最后返回prev,即上一次迭代的结果
(prev, { group, value }) => ((prev[group] = (prev[group] || 0) + value), prev),
{}
)
console.log(Sum) //{editor: 57, admin: 56}
// Average
const getAvg = (x) => {
const item = {}
const count = Object.keys(x).length
Object.keys(x).map(function (y) {
item[y] = Sum[y] / count
})
return item
}
console.log(getAvg(Sum))