如何使用 HTML/Javascript 从 Firestore db 中的文档中检索数据答案

【问题标题】：How to retrieve data from document in Firestore db using HMTL/Javascript如何使用 HTML/Javascript 从 Firestore db 中的文档中检索数据
【发布时间】：2020-11-07 17:20:11
【问题描述】：

这应该很容易做到，但我迷路了......

我的数据是结构化的：UserInfo / UID / Attribute / Value

我能够提取特定 UID 的数据，但我无法检索给定属性的值（在本例中为姓氏）。

db.collection("UserInfo").doc("TEST").get().then(function(doc){
           if(doc.exists) {
               console.log("Document data: ", doc.data());
               //console.log("Lastname1: ", doc.lastname);
               //console.log("Lastname2: ", doc.lastname());
               //console.log("Lastname3: ", doc.lastname.val());
               //console.log("Lastname4: ", doc.lastname.val);
               //console.log("Lastname5: ", doc.lastname.value());
               //console.log("Lastname6: ", doc.lastname.value);

               var mydata = JSON.parse(doc.data());
               var lname = mydata['lastname'];
               console.log("Lastname7: ", lname);
              
               //document.getElementById("b-lastname").value = doc.data.lastname.value();
           } else
           console.log("Document not found!!");
       })```

【问题讨论】：

标签： javascript html google-cloud-firestore

【解决方案1】：

doc 对象包含文档数据（通过调用doc.data() 检索）以及其他属性（如id）。因此，为了访问数据中某些属性的值，您需要执行doc.data().property，其中property 是您要访问的属性的键。

所以要访问姓氏，您需要doc.data().lastname

【讨论】：

感谢您的快速答复阿齐兹。很简单。您的第一个答案非常清楚。