Firestoreから取得したデータを、CollectionViewに反映する時にエラーになる

Question

前提・実現したいこと

コレクションビューのセルに、firestoreに格納しているセル名を表示したいです。

発生している問題・エラーメッセージ

エラーメッセージ
Thread 1: Fatal error: Index out of range

上記のエラーメッセージが発生。
（通常、配列に入れる要素の数等がおかしい場合に出るエラーとのことです）

firestore上のドキュメントからクエリで（サブコレクションの）フィールド情報を取得して配列（mtIds）に格納。
同じように、セル名に該当する情報も配列（namedata）に格納。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell

上記のセルの設定で、「namedata」配列を使ってセル名を入力しようとするとエラーが発生してしまいます。

該当のソースコード

class SecondViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {

    @IBOutlet weak var collectionView: UICollectionView!
    
    private var namedata: [String] = []
    private var mtIds: [Int] = []
    
    var selectedmtd = Int()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.loadData()
                
        // レイアウトを調整
        collectionView.contentInset = UIEdgeInsets(top: 12, left: 24, bottom: 16, right: 24)
        
        let layout = UICollectionViewFlowLayout()
        layout.minimumInteritemSpacing = 8
        collectionView.collectionViewLayout = layout
        
    }
    
    
    // MARK: UICollectionViewDataSource
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return mtIds.count // 表示するセルの数
    }
    
    
    // MARK: UICollectionViewDataSource
    func collectionView(_ collectionView: UICollectionView, cellForItemAt  indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) // 表示するセルを登録(先程命名した"Cell")
        cell.backgroundColor = .white  // セルの色
        
        let bgimage = cell.contentView.viewWithTag(2) as! UIImageView
        bgimage.image = UIImage(named: "nobadge")
        
        let celllabel = cell.contentView.viewWithTag(1) as! UILabel
        celllabel.text = namedata[indexPath.row]

        return cell
    }
    
    // MARK: UICollectionViewDelegateFlowLayout
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: cellWidth, height: 120)
    }
    
    private var cellWidth: CGFloat {
        let availableWidth = collectionView.bounds.inset(by: collectionView.adjustedContentInset).width
        let interColumnSpace = CGFloat(20)
        let numColumns = CGFloat(4)
        let numInterColumnSpaces = numColumns - 1

        return ((availableWidth - interColumnSpace * numInterColumnSpaces) / numColumns).rounded(.down)
    }

    
    private func loadData() {
        
        let db = Firestore.firestore()

        let user = Auth.auth().currentUser

        db.collection("users").document(user!.uid).collection("history").getDocuments() { (querySnapshot, err) in
            if let err = err {
                // エラー時の処理
                print("Error getting documents: (err)")
                return
            }
            self.mtIds = querySnapshot!.documents.compactMap { $0.data()["historyid"] as? Int }

            
        //----------------------------
            for id in self.mtIds {
                db.collection("mtinfo").whereField("mtid", isEqualTo: id).getDocuments() { (querySnapshot, err) in
                if let err = err {
                    print("[loadData] Error getting documents: (err)")
                } else {
                    for document in querySnapshot!.documents {
                        self.namedata.append(document.data()["name"] as! String)
                    }
                }
            }
        }
        //----------------------------
            
        // コレクションビューを更新
        self.collectionView.reloadData()
            
        }
        
    }
    
}

試したこと

「namedata」へのデータ格納が終わる前に、エラー発生しているように見えるので、エラーが発生しているであろう部分をコメントアウトすると、エラーが発生せず、かつ「namedata」配列に正しくデータが格納されます。

　celllabel.text = namedata[indexPath.row]

loadData() の位置をviewdidload()の最初の方に持ってきたりしましたが、あまり意味はなく・・

処理順の問題なのか、もっと単純なミスなのか、どうしても原因が分からないのでご教授いただけると本当に助かります。

どうぞよろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[hoshi-takanori]

Firestore の getDocuments の結果は非同期なので、reloadData の時点では namedata はまだ空ですし、mtIds の順番通りになる保証もありません。

[innature]

ありがとうございます！
Firestoreのgetも含めて処理が非同期のため、空のnamedataを書き込んでエラーになっていたのですね。
プログラミング初めて間も無く、非同期処理という考え方自体をよく知らず、ご指摘いただいて助かりました！

Swiftの場合クロージャを使うことが第一歩のようなので、ググりながら方法を探ってみます。
ありがとうございます。