js实现GROUP BY处理数组分类汇总并汇总数值

科学电子佛

已于 2023-08-03 10:31:11 修改

阅读量895

点赞数

分类专栏： gorupBy 文章标签： javascript 前端开发语言

于 2023-07-31 15:39:22 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43506529/article/details/132023605

版权

gorupBy 专栏收录该内容

1 篇文章

订阅专栏

文章介绍了如何使用JavaScript处理数组，通过GROUPBY方式对operator属性进行分类，并对testNumber属性的数值进行累加汇总，最终得到每个分类的总和。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js实现GROUP BY处理数组分类汇总并汇总数值

1.原始数据如：

arrTemp = [{
"operator": "2",
"testNumber": 22
},
{
"operator": "3",
"testNumber": 33
},
{
"operator": "1",
"testNumber": 12
},
{
"operator": "4",
"testNumber": 44
},
{
"operator": "2",
"testNumber": 22
},
{
"operator": "4",
"testNumber": 44
},
{
"operator": "1",
"testNumber": 12
}, {
"operator": "3",
"testNumber": 33
}
]

2.解决方法：创建一个工具函数，处理数据

 groupBy(arrTemp) {
 let keyContainerTemp = {} // 以key进行分组的临时对象
          arrTemp.forEach((item) => {
            keyContainerTemp[item.operatorKey] = keyContainerTemp[item.operatorKey] || []
            keyContainerTemp[item.operatorKey].push(item)
          })
          console.log(keyContainerTemp)
          let keysTemp = Object.keys(keyContainerTemp)
          keysTemp.forEach((keysItem) => {
            let count = 0
            keyContainerTemp[keysItem].forEach((item) => {
              count += item.testNumber // 遍历每种Key对应的数量汇总
            })
            this.arrGroupByResult.push({ operatorKey: keysItem, total: count })
          })
          console.log(this.arrGroupByResult)
          }

3.执行后，会将数组对象中，以operator为键值重复的会合并，testNumber 的值会累加。

[{
"operator": "1",
"testNumber": 24
},
{
"operator": "2",
"testNumber": 44
},
{
"operator": "3",
"testNumber": 66
},
{
"operator": "4",
"testNumber": 88
}]