cloudfirestoreの階層の深いデータを配列に格納したい

Question

firebaseのcloudfirestoreで深い階層にある情報を集めて配列に格納したいと思っています。firebaseの階層は以下のようになっており、2階層目のdocument（３つ）を並べ替えた上で、２階目のcollection内のdocument（４つ）を全て取得して、全部で１２個のデータを配列に格納したいと考えています。

firebaseの階層
collection_1-document-collection_2-document-colection_3-document

そこで下記のようなコードをJavaScriptで作成しましたが、querySnapshot内のドキュメントを読むために、forEachを二重で使うと、２個目のforEach内が非同期処理になってしまい、①の出力が[]になってしまいます。
１２個のデータが格納された配列を取得するにはどのようにすれば良いのでしょうか？
基本的なところかもしれませんが、ご教授頂けますと助かります。

let articleDetails = []
const formsRef = db.collection("colection_1").doc(id).collection('colection_2')
   formsRef.orderBy('period').get().then((querySnapshot) => {
      querySnapshot.forEach((doc) => {
        const detailRef = formsRef.doc(doc.id).collection('collection_3')
        detailRef.orderBy('itemNumber').get().then((querySnapshot) => {
          querySnapshot.forEach((doc) => {
            const data = doc.data()
            articleDetails.push(data)
          })
        }) 
      })
    })
 
console.log(articleDetails) ---①

Comments

[hoshi-takanori]

Collection Group が使えるかも？ (3 階層いけるのかな…。)
https://qiita.com/1amageek/items/343f262ba3b50e657078

[sordes1219]

回答ありがとうございます。Collection Groupについても試してみたのですが、db.collectionGroup('collection_3')ならうまくいくのですが、１階層目でドキュメントの絞り込み（collection("colection_1").doc(id)の部分）を入れようとすると、うまくいきませんでした。