在javascript中如何顯示Firestore中的字段名稱

Question

圖片

firestore.collection("records").doc("12345")
        .onSnapshot(function(doc) {
            console.log("Current data: ", doc.data());

該代碼當前顯示字段名稱，然后顯示字段名稱，但僅在控制台中顯示。 當我嘗試將其顯示在網站中時，它附帶了[object object]。

我只希望能夠顯示字段名稱。 有什么建議么？ 謝謝

我想要顯示

DOB：26/03/18

年齡：56

名字：喬

來自：紐約

工作：建設者

姓：Bloggs

Answer 1

這僅需要對由data()返回的對象進行基本的JavaScript操作。 該對象包含其名稱和值直接來自Firestore中的文檔的屬性：

firestore.collection("records").doc("12345")
    .onSnapshot(function(doc) {
        let data = doc.data();
        // gets the value of a field called field1 from the doc
        let value1 = data.field1;
    })

Answer 2

要遍歷文檔中的所有字段，可以使用例如Object.keys() ：

firestore.collection("records").doc("12345").onSnapshot(function(doc) {
    let data = doc.data();
    Object.keys(data).forEach(function(key) {
      console.log(key+": "+data[key]);
    });
})