В JavaScript, как я могу отобразить имя поля из Firestore

Question

pic

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

этот код в настоящее время показывает имя поля и затем то, что находится в поле, но только в консоли.Когда я пытаюсь отобразить его на веб-сайте, появляется объект [объект].

Я просто хочу иметь возможность отображать имя поля.Какие-либо предложения?Спасибо

Я бы хотел, чтобы он отобразил

Дата рождения: 26/03/18

Возраст: 56

firstName: Joe

От: Нью-Йорк

Работа: строитель

Фамилия: Bloggs

Answer 1

Чтобы перебрать все поля в вашем документе, вы можете использовать, например, 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]);
    });
})

Answer 2

Это требует только базовых манипуляций JavaScript с объектом, возвращаемым data().Объект содержит свойства, имена и значения которых получены непосредственно из документа в 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;
    })