javascript - 如何计算数组中对象值的动态平均值？

Question

我有这个数据结构，其中分数是一个包含 4 个对象的数组

export const scores = [
  { day: '1', Barcelona: 1, Real: 3, Valencia: 0},
  { day: '2', Barcelona: 4, Real: 6, Valencia: 3},
  { day: '3', Barcelona: 7, Real: 7, Valencia: 3},
  { day: '4', Barcelona: 7, Real: 8, Valencia: 6},
];

我想计算每队的平均分

例如，此数据中巴塞罗那的平均值为 4,75。

var res = scores.map(score => score.Barcelona).reduce((acc, score) => score + acc);

var total = scores.length

var average = res/total

这是我重现问题的原型(prototype)。

https://codesandbox.io/s/qecrh?fontsize=14

我需要的是根据我在下拉列表中选择的团队动态地进行此计算。

我有两个状态 this.state.homeCity 和 this.state.awayCity 我可以重新使用它们来动态计算平均值。

Answer 1

根据所选团队过滤数组。对所有值求和并除以 scores

的 length

    const scores = [
      { day: '1', Barcelona: 1, Real: 3, Valencia: 0},
      { day: '2', Barcelona: 4, Real: 6, Valencia: 3},
      { day: '3', Barcelona: 7, Real: 7, Valencia: 3},
      { day: '4', Barcelona: 7, Real: 8, Valencia: 6},
    ]
    
    const calculateAverageByTeam = team =>{
        const total = scores.map(x=> x[team]).reduce((a,c) => a +c)
        return total / scores.length
    }
    
    const barcelona = calculateAverageByTeam('Barcelona')
    const real = calculateAverageByTeam('Real')
    const valencia = calculateAverageByTeam('Valencia')
    console.log(barcelona, real, valencia)