这段vue的computed内的制造新数组的代码可以简化吗？

Question

computed: {

poolList () {
  const poolList = []
  this.bettingObjectList.forEach(bettingObject => {
    poolList.push(...bettingObject.poolList)
  })
  return poolList
},

}

觉得很繁琐，可以简化吗

Answer 1

当然可以简化，这段逻辑很简单，提取子数组，并压平，传统一点你可以这样写

computed: {
  poolList() {
    return [].concat(...this.bettingObjectList.map(({poolList}) => poolList));
  },
},

当然你也可以更激进一点直接用 Array.prototype.flatMap()

return this.bettingObjectList.flatMap(({poolList}) => poolList);