firestore 查询等待嵌套 foreach 循环

Question

我正在尝试使用集合中所有文档的名称填充一个数组，并使用这些父文档中的所有子集合文档填充另一个数组。

  let data = []
  let names = []
  
  const suppliers = await db.collection('suppliers').get()
  
  suppliers.forEach(async supplier => {

    names.push({name: supplier.data().name, id: supplier.id })

    const deliveries = await db.collection('suppliers').doc(supplier.id).collection('deliveries').get()
    
    deliveries.forEach(delivery => {
      
      data.push(delivery.data())
    })
  })

  console.log(names) // Populated
  console.log(data) // Empty

问题是它不等待内部循环完成就执行外部代码。 names 数组已填充，但 data 数组为空。如何在执行外部代码之前完成嵌套循环？

Answer 1

加载供应商的交货是一个异步操作。由于您正在加载所有供应商的交货，并且只想在所有供应商加载完毕后进行记录，因此您需要等待多个异步操作，这需要使用 Promise.all：

let data = []
let names = []

const suppliers = await db.collection('suppliers').get()

const promises = suppliers.docs.map(supplier => {

  names.push({name: supplier.data().name, id: supplier.id })

  return db.collection('suppliers').doc(supplier.id).collection('deliveries').get()    
})

const allDeliveries = await Promise.all(promises)
allDeliveries.forEach((deliveries) => {
  deliveries.forEach(delivery => {      
    data.push(delivery.data())
  })
})

console.log(names)
console.log(data)

Answer 2

Foreach 不支持异步回调。为了摆脱这个，你可以使用。

let data = [];
let names = [];
suppliers.then(async(supplier) => {
    names.push({name: supplier.data().name, id: supplier.id })
    const deliveries = await db.collection('suppliers')                                            
                               .doc(supplier.id)
                               .collection('deliveries')
                               .get()
    
    deliveries.forEach(delivery => {
      data.push(delivery.data())
    })
  })