Estoy intentando llenar una matriz con los nombres de todos los documentos de una colección y también llenar otra matriz con todos los documentos de la subcolección de esos documentos principales.
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 El problema es que no espera a que termine el ciclo interno antes de ejecutar el código externo. La matriz de names se llena, pero la matriz data está vacía. ¿Cómo puedo hacer que el ciclo anidado termine antes de ejecutar el código externo?
La carga de las entregas para un proveedor es una operación asíncrona. Dado que está cargando las entregas para todos los proveedores y solo desea iniciar sesión una vez que todos estén cargados, debe esperar varias operaciones asincrónicas, lo que requiere el uso de 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)Foreach no admite la devolución de llamada asincrónica. Para deshacerse de esto, puede usar.
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()) }) })