javascript - 在 VueJS 组件中将具有相同键的嵌套数据 () 对象值加在一起

Question

我有一堆具有相同键的值，这些值嵌套在我的 VueJS 组件的 data() {} 返回值中的相邻对象中。

例子:

data() { 
  return {
     foo: {
         userScore: 10,
         computerScore: 5
     },
     bar: {
         userScore: 22,
         computerScore: 100
     }
  }
}

添加 bar.userScore 和 foo.userScore 而不必每次都写出完整的 JSON 路由的最佳/最有效的方法是什么？ (我为此编写的组件有大约 40+ 个这样的分数，所以在计算中死记硬背似乎有点奇怪)

有没有办法访问这些相同的属性，例如 *.userScore ？

感谢阅读!

Answer 1

你可以reduce来求和:

const sum = Object.keys(this.$data).reduce((sum, key) => {
  if (this.$data[key].hasOwnProperty('userScore')) {
    return (sum + this.$data[key].userScore)
  }
  return sum
}, 0)