javascript - Vue/Nuxt.js - 计算嵌套 JSON 值的总值

Question

使用 Nuxt 异步数据，我使用以下格式的嵌套数组获取 JSON 对象:

"topic_list": {
    "topics": [
      {
        "id": 9148,
        "title": "A",
        "views": 12
      },
      {
        "id": 3228,
        "title": "B",
        "views": 88
      }
      ]
}

数据正在异步加载:

export default {
  data () {
    return { topics: 'default', users: '0', views: '0', total: [] }
  },
  asyncData ({ params }, callback) {
    axios.get(`data.json`)
    .then((res) => {
      callback(null, { topics: res.data.topic_list.topics, users: res.data.users,

      })
    })
  }
}

我想知道计算所有观看次数总和的最佳方法是什么。我知道reduce()并想象这些值需要被插入数组中 - 但如何使用异步加载的数据来做到这一点？

Answer 1

只是总结观点

      callback(null, { topics: res.data.topic_list.topics, users: res.data.users, totalOfViews: 
res.data.topic_list.topics.reduce((sum, currentItem) => (currentItem.views + sum), 0) })

这将添加 View :

res.data.topic_list.topics.reduce((sum, currentItem) => (currentItem.views + sum), 0)