js实现工具函数中groupBy数据分组

最新推荐文章于 2024-12-18 08:30:01 发布

转载最新推荐文章于 2024-12-18 08:30:01 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ToBeBest/p/10470076.html

文章标签：

#json

本文介绍了一种使用JavaScript实现的数据分组方法，通过groupBy函数将相同名称的数据项归类，便于进一步处理和展示。示例中，一组包含不同名称的商品数据被成功按名称分组，展示了函数的有效性和灵活性。

数据

this.tableData = [
        {id: 1, name: '测试', number: 1, price: 0},
        {id: 2, name: '测试', number: 1, price: 0},
        {id: 3, name: '测试', number: 1, price: 0},
        {id: 4, name: '测试一', number: 1, price: 780},
        {id: 5, name: '测试一', number: 1, price: 80},
        {id: 6, name: '测试一', number: 1, price: 120},
        {id: 7, name: '测试二', number: 1, price: 0}
      ]

函数

groupBy (array, name) {
      const groups = {}
      array.forEach(function (o) {
        const group = JSON.stringify(o[name])
        groups[group] = groups[group] || []
        groups[group].push(o)
      })
      return Object.keys(groups).map(function (group) {
        return groups[group]
      })
    }

调用

const sorted = this.groupBy(this.tableData, 'name')
      console.info('tag', sorted)

结果

转载于:https://www.cnblogs.com/ToBeBest/p/10470076.html