forEachネストされたFirebaseでコールバックを取得するには

Question

コールバックでnull値を取得する でも、コンソールで値を取得していますconsole.log(list)。

しかし、私は完全にすべてのforEach操作afetr finallistたいとlist

var list = []; 
var mkeys = ['-Ka2D86jpdjKpTf2-Nmf', '-KaCPtlIoPX34ltMPqs3']; 

    function Getumanes(msgkeys,callback) { 
    msgkeys.forEach(function (key) { 
     var msgstref = firebase.database().ref("Msgtemplate/" + key + '/Actionusers'); 
     msgstref.orderByChild('status').equalTo(true).limitToFirst(2).once('value').then(function (snap) { 
      snap.forEach(function (csnap) { 
       list.push(csnap.key); 
      }) 
      console.log(list); 
     }) 
    }) 
    callback(list) 
} 

Getumanes(mkeys, function (finallist) { 
    console.log("finallist: " + finallist); 
}); 

Answer 1

Firebaseデータベース（およびほとんどすべての最新のWeb /クラウドAPI）にアクセス、バックへの呼び出しにすべてのcsnap.keyプッシュ終了は非同期に発生します。データがロードされるのを待つ代わりに、メインメソッドのコードは、データがロードされている間、継続されます。データがロードされると、コールバック関数が呼び出されます。

これを把握する最も簡単な方法は、問題を再構成することです。 「最初にデータを取得してから印刷する」と考えるのではなく、「データのロードを開始してから、データが利用可能になったら印刷してください」と考えてください。コードでは、このにデータを印刷するためのロジックを動かすに翻訳コールバック：このコードで

mkeys.forEach(function (key) { 
    var msgstref = firebase.database().ref("Msgtemplate/" + key + '/Actionusers'); 
    msgstref.orderByChild('status').equalTo(true).limitToFirst(2).once('value').then(function (snap) { 
     snap.forEach(function (csnap) { 
      list.push(csnap.key); 
     }) 
     console.log(list); 
    }) 
}) 

そしてもちろんconsole.logのは、あまりにも他の何かである可能性があります。

この問題は、FirebaseとWebプログラミングの両方で、これまでに多くの問題がありました。 Java用

• How to return value from an asynchronous callback function?
• How do I return the response from an asynchronous call?
• Node JS How to get the query data outside
• Setting Singleton property value in Firebase Listener（が、同じことが適用されます。私は、非同期のWeb APIをコンセプトに把握してもらうために、これらの質問と答えのいくつかを検討をお勧めしますそこ）
• Best way to retrieve Firebase data and return it, or an alternative way
• Firebase use query result outside function
• Run JQuery when data is loaded in Firebase

私が言ったように...よくある質問です。 :-)

Answer 2

FROM var list = [];リストを変更します。 TOリスト：FirebaseListObservable;

呼び出しメソッドでは、このリストを返す関数をサブスクライブするので、UI内でも要素がそれに応じて更新されます。