js 循环push数据（异步请求）到一个空数组中，如何避免数组最后为空？

Question

示例代码：

    let newData = []
    data.map(async item => {
        item.distance = await this.computeDistance()//异步请求函数
        newData.push(item)
    })
    console.log(newData)// []

问题：如何防止最后打印newData时为一个空数组？

Answer 1

Promise.all(
data.map(item => this.computeDistance()})
).then(newData=>{

console.log(newData)

})

Answer 2

并行promiseAll，串行promise链。
你这个写法不太规范。