React/JavaScript 按国家名称汇总对象数组中的市场触达人数实现方案

需求实现方案 #

你的思路可行性 #

• 你设想的遇到新市场就创建数组存值最后求和的思路完全可行，不过可以做进一步优化，不需要单独存储所有数值，直接累加求和即可，能节省内存开销，后续市场数量哪怕增长到上百上千个都不会有性能问题。

更优实现方案（逻辑全语言通用，以下以JS为例） #

核心思路是用一个对象/Map结构作为统计容器，键直接存市场名称，值存对应累加的总触达人数，遍历所有用户对象的时候动态匹配市场字段即可，不需要写任何硬编码的if/else判断。

实现步骤：

1. 初始化空的统计容器
2. 遍历所有用户对象，对单个用户对象，先筛选出所有市场相关的键值对（可以提前约定市场字段命名规则，比如所有市场字段都以market_为前缀，或者直接排除已知的非市场字段比如username）
3. 对每个市场键值对，判断统计容器中是否存在该市场的键：
   • 不存在就初始化值为当前用户的触达人数
   • 存在就把当前人数累加到已有值上
4. 遍历完成后统计容器内的数据就是各市场的总触达人数结果

示例代码

// 示例输入数据
const userList = [
  {
    username: 'user1',
    美国: 1200,
    日本: 800,
    英国: 300
  },
  {
    username: 'user2',
    美国: 900,
    韩国: 1500,
    日本: 400
  }
]

// 统计核心逻辑
const marketStats = {}
const excludeFields = ['username'] // 提前定义非市场字段，后续新增非市场字段只需要改这个数组即可
userList.forEach(user => {
  Object.entries(user).forEach(([key, value]) => {
    // 跳过非市场字段
    if (excludeFields.includes(key)) return
    // 累加统计，Number转换兼容字符串格式的数值
    marketStats[key] = (marketStats[key] || 0) + Number(value)
  })
})

console.log(marketStats)
// 输出结果：{ '美国': 2100, '日本': 1200, '英国': 300, '韩国': 1500 }

扩展适配说明 #

• 后续新增市场不需要修改任何核心逻辑代码，只要用户对象里携带了对应市场的字段，就会自动纳入统计
• 如果市场字段和其他字段没有明确区分规则，也可以单独维护一个动态更新的市场名称列表，遍历的时候匹配列表即可，同样不需要修改统计逻辑

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