Firebaseデータベースから値を読み取ってHTMLテーブルに格納する方法

Question

私は2つの値の距離とタイムスタンプを格納するFirebaseデータベースを持っています。私は距離を読むことができますが、一度に1つ以上のタイムスタンプを読むことができません。

for (var i = 0; i <= 10; i++) { 
     ref.child("distance").child(i).once("value").then(function(snapshot) { 
      test = snapshot.val(); 
      test1 = JSON.stringify(test).replaceAll(/[^a-zA-Z0-9.]/g, ""); 
      myCreateFunction(test1, i+""); 
     }); 
     ref.child("time").child(i).once("value").then(function(snapshot) { 
      time1 = snapshot.val(); 
      console.log(time1); 
      myCreateFunc(time1["0"], i+""); 
     }); 
    } 

    function myCreateFunction(test1, i) { 
     var table = document.getElementById("myTable"); 
     var row = table.insertRow(-1); 
     var cell1 = row.insertCell(0); 
     var cell2 = row.insertCell(1); 
     cell2.id = i; 
     cell1.innerHTML = test1; 
    } 

    function myCreateFunc(time1, i) { 
     document.getElementById(i).innerHTML = time1; 
    } 

これは、これは私たちが私たちのウェブページ

​​

Answer 1

に乗るエラーの絵で、私はあなただけだと思う​​私のデータベース

の写真です配列の最初の要素をHTML作成テーブルに送ります：

myCreateFunc（time1 ["0"]、i + ""）;

このようなものの代わりに、 myCreateFunc（time1、i + ""）;

これが問題を解決した場合はお知らせください。