swift Firebaseから取得したデータを配列に格納したい

Question

前提・実現したいこと

Firebaseに格納されているデータを取得してきて、配列に格納して利用したいのですが、
配列に格納できません。厳密に言うと格納はできるのですが、その配列を利用することができないと言うか、格納されているようで実際には格納されていないと言うか、言葉で説明するのが難しいので、下のコードと一緒に説明します。

プログラミング初心者で基本的な部分がわかっていないのが原因だと思うのですが、調べ方も悪いのか、自分ではどうしようにも解決できなかったので質問させていただきました。

FirebaseのDBはこちらになります。

プログラム１

class ViewController: UIViewController {
  
  var DBRef: DatabaseReference!
  var users: [String] = []//Firebaseのデータの格納先の配列
  
  override func viewDidLoad() {
    super.viewDidLoad()
    DBRef = Database.database().reference()
    let defaultPlace = DBRef.child("users")//users以下のデータを取得
    defaultPlace.observe(.value ) {
      (snap: DataSnapshot) in
      self.users = snap.value! as! [String]//メンバ変数?に取得したデータを代入
      print(self.users)//["太郎","次郎","三郎"]と出力される
    }
  }
}

プログラム２

class ViewController: UIViewController {
  
  var DBRef: DatabaseReference!
  var users: [String] = []//Firebaseのデータの格納先の配列
  
  override func viewDidLoad() {
    super.viewDidLoad()
    DBRef = Database.database().reference()
    let defaultPlace = DBRef.child("users")//users以下のデータを取得
    defaultPlace.observe(.value ) {
      (snap: DataSnapshot) in
      self.users = snap.value! as! [String]//メンバ変数?に取得したデータを代入
    }
　  print(self.users)//[]が出力される
  }
}

プログラム２でprint文をdefaultPlace.observe(.value){}の外部に出したところ、空の配列が出力されてしまいました。

つまり、defaultPlace.observe(.value){}の内部でしか、usersにデータが格納したことになっていないということなのだと考えたのですが、この考えで間違いはないでしょうか...

私がやりたい事は、プログラム2でも["太郎","次郎","三郎"]が出力される事です。
どういった記述をすれば、それが実現できるのでしょうか。

わかりにくい説明で大変申し訳ないのですが、アドバイスよろしくお願い致します。

Answer 1

defaultPlace.observe(.value){}の内部でしか、usersにデータが格納したことになっていない

結果的にはあっています。 observe(.value) { (snap: DataSnapshot) in ... } は、データの読み取り (observe = 観測) が完了したら、 { ... } の中の処理を行う、というメソッドです。「非同期処理」でググってください。

defaultPlace.observe(.value ) { (snap: DataSnapshot) in ... } をした時点では、まだ読み取りが完了していません。この行の処理は終わっていませんが、次のprint文に進みます。まだ self.users には何も入っていません。
その後、読み取りが完了したら、 { ... } の処理が始まります。ここで初めて、 self.users が上書きされます。

Comments

[sihi]

ご回答ありがとうございます。
今少し、非同期処理について調べてみたのですが、プログラム２の{}外部のprintが非同期処理が完了する前に行われるため、配列に何も入っていない状態で出力されるというところまでは理解できました！ありがとうございます。
つまり、ViewDidLoad（）内で、何らかの非同期処理の完了を待機する処理を記述して、その後にprint文を書けばいいという考えで良いのでしょうか。

[thyda.eiqau]

それでも動くのは動くと思いますが、viewDidLoadはメインスレッドで処理されるため、ここで処理を待つようにすると画面の描画も止まってアプリがフリーズしたように見えます。

どのように表示したいか次第ですが、非同期処理はとりあえずやり始めておいてviewDidLoadの処理は先にすすめる（いったん空で描画するか、インジケーターをくるくる回しておく）、その後、読み込みが完了したときに描画をしなおす（空で描画してたところに太郎が出るようにする、くるくるを止める・消すなど）するのが常套手段と思います

[sihi]

おかげさまで、やりたかったことができました。
とても勉強になりました。
ありがとうございました。