Next.js开发：MongoDB Aggregation VS 自定义函数处理Chart.js数据？

我是Next.js开发新手，现在需要对MongoDB里的交易数据做分组、求和、排序处理，用来给Chart.js生成图表数据。目前有两个方案可选：一是用MongoDB Aggregation（已经写了一段聚合代码），二是在前端写自定义函数处理数据。想知道哪种方案更符合最佳实践。

初始数据示例 #

{
  "_id": "63fe07a24a66c599eb7ff71d",
  "date": "2023-01-30",
  "amount": "-120",
  "company": "AMAZON.COM",
  "desciption": "Compra en establecimiento Amazon.com efectuada el 30/01/2023 Tarj # 491511******6112",
  "type": "test",
  "__v": 0
}

现有MongoDB聚合代码 #

const agg = [
  {
    '$match': {
      'amount': {
        '$gt': 0
      }
    }
  }, {
    '$group': {
      '_id': {
        'year': {
          '$year': '$date'
        }, 
        'month': {
          '$month': '$date'
        }
      }, 
      'total_cost_month': {
        '$sum': '$amount'
      }
    }
  }
];

两种方案对比与最佳实践建议 #

优先选MongoDB聚合的原因 #

• 性能碾压：数据库端直接处理数据，只返回最终需要的聚合结果，大幅减少前后端之间的网络传输量。数据量越大（比如上千上万条交易记录），这个优势越明显。
• 逻辑复用性强：聚合逻辑写在数据库层，后端所有需要该统计数据的接口都能复用，不用在前端、移动端等不同端重复写相同的处理函数。
• 数据一致性高：所有数据处理逻辑统一在数据库执行，避免不同客户端因为代码差异导致统计结果不一致的问题。
• 支持复杂操作：MongoDB聚合框架提供了丰富的管道操作符，比如多维度分组、嵌套统计、条件过滤等，比前端手写函数能更轻松实现复杂需求。

前端自定义函数的适用场景 #

• 数据量极小：如果只有几十条测试数据，前端处理的性能差异可以忽略不计，快速实现即可。
• 快速原型验证：不想花时间研究聚合语法，需要快速搭出Demo验证功能的时候可以用。
• 实时交互需求：如果需要用户频繁调整筛选条件，前端实时处理数据可以减少后端请求次数，提升交互流畅度。

现有聚合代码的优化建议 #

注意你的amount字段是字符串类型（比如示例里的"-120"），直接用$sum会报错，需要先转成数值类型。另外可以加上排序步骤，让结果直接适配Chart.js的顺序要求：

const agg = [
  // 先把字符串类型的amount转成数值
  {
    '$addFields': {
      'amountNum': { '$toDouble': '$amount' }
    }
  },
  // 过滤出金额为正的记录
  {
    '$match': {
      'amountNum': { '$gt': 0 }
    }
  },
  // 按年、月分组求和
  {
    '$group': {
      '_id': {
        'year': { '$year': '$date' },
        'month': { '$month': '$date' }
      },
      'total_cost_month': { '$sum': '$amountNum' }
    }
  },
  // 按年、月升序排序，方便Chart.js直接使用
  {
    '$sort': { '_id.year': 1, '_id.month': 1 }
  }
];

总结 #

对于需要长期维护的项目，MongoDB聚合是更符合最佳实践的方案，能提升系统性能、降低维护成本。如果只是小体量的原型项目，前端自定义函数可以快速实现，但从长远来看聚合方案更靠谱。

内容的提问来源于stack exchange，提问作者Felipe Barrera