Question

pic

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]);
    });
})

在javascript中如何显示Firestore中的字段名称

2 个答案: