JavascriptのFor文で非同期処理

Question

前提・実現したいこと

Javscriptの非同期処理としてpromiseを使おうとしてます。問題はfor文で得た結果をプロミスオブジェクトとしたいのですが、どうしてもfor文を待たずに実行してしまいます。どうしたらいいのでしょうか？
Javascript初心者です。

発生している問題

    var promise_2 = new Promise(function(resolve) {
        var docRef = db.collection("idol").doc(userId);
        docRef.get().then(function(doc) {
          following_list = doc.data()["following"]

          resolve(following_list)
          console.log("alpha")
        })
      })

      .then(function(data) {
        abc = 0;
        console.log("beta")
        for (var x = 0; x < following_list.length; x++) {

          var docRef = db.collection("idol").doc(following_list[x]);
          docRef.get().then(function(doc) {
            all_fol0.lowing_posts.push(doc.data()["my_post"])
            console.log("theta")
            console.log(all_following_posts)
          });
        }
      }).then(function(data) {
        console.log(all_following_posts)
        console.log("plz slow")
      })

該当のソースコード

alpha
(index):244 beta
(index):255 []
(index):256 plz slow
(index):250 theta
(index):251 [Array(0)]
(index):250 theta
(index):251 (2) [Array(0), Array(2)]
(index):250 theta
(index):251 (3) [Array(0), Array(2), Array(1)]```

### 試したこと

この上のように、index255では一番上のコードの下にある        console.log(all_following_posts)に対応している。

Answer 1

原因は、for を含んでいる関数が Promiseオブジェクトを返していないためです。

new Promise(略).then(関数1).then(関数2)

というコードの場合、

• 関数1 が Promiseオブジェクトを返す場合は、その Promiseオブジェクトの resolve 後に関数2が実行されます。
• 関数1 が Promiseオブジェクトを返さない場合は、直ちに関数2が実行されます（「直ちに」という表現だと語弊があるのですが、詳細は then の仕様を確認してください）。

細かいところまで見ていないので具体的な修正後のコードは提示できませんが、new Promise(略) の部分はちゃんと書けているようなので、あとは自分で直せます……よね？