使用 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()并想象这些值需要被插入数组中 - 但如何使用异步加载的数据来做到这一点?
最佳答案
只是总结观点
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)
关于javascript - Vue/Nuxt.js - 计算嵌套 JSON 值的总值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53281329/