Javascript-数组长度返回0但元素存在

Question

我正在从Firestore中获取数据，然后将数据推送到返回空数组的数组。但是物品存在

let viewData = []


 firestore.collection('views').where('viewid', '==', props.user.uid).orderBy('viewat', 'desc').limit(6).get().then(views => {
   if (views.empty === false) {
      views.forEach(item => {
         firestore.collection('userdata').doc(item.data().myid).get().then( user=> {
            viewData.push(user.data())
        })
        // +++ Working fine here +++
        // viewData.push(item.data())
    })
  }
  console.log(viewData)
})

以上代码在控制台中打印一个空数组。但是元素存在于数组内部。当我们尝试推送 item.data（）时，它工作正常。同时，Array.push无法用于 user.data（）。我不确定为什么Array.push会以这种方式表现。