FireStore/JavaScript：如何从子文档的map字段获取数据？

Question

我想从firestore中子文档的地图中获得特定的数据，并将其显示在我的web应用程序页面中。我真的不知道如何在var.textcontent=doc.data().部分调用数据。

注意：stages是一个字段映射

图片来帮助解决我的问题：

<script>
firebase.auth().onAuthStateChanged(user => {
 if(user){
  this.userId = user.uid;
 } //stores the user id in variable

const fitbitremSleep= document.querySelector('#fitbitSleepListRemSleep');

function renderFitbitSleep(doc){

 let li = document.createElement('li');
 li.setAttribute('data-id', doc.id);

 let remSleep = document.createElement('span');
 let lbremSleep = document.createElement('span');

 remSleep.textContent = doc.data();
 lbremSleep.textContent = "Minutes of REMSleep:  ";  

 li.appendChild(lbremSleep);
 li.appendChild(remSleep);

 fitbitremSleep.appendChild(li);
 }

 let userRef1 = 
 firebase.firestore().collection("users").doc(userId).collection("fitbit_sleep").orderBy("dateAdded", 
 "desc").limit(1);
 return userRef1.get()
 .then(function(querySnapshot) {
  querySnapshot.forEach(function(doc) {
   console.log(doc.id, " => ", doc.data());
   renderFitbitSleep(doc);
   });
  })
  .catch(function(error) {
   console.log("Error getting documents: ", error);
    });
   });
});
</script>

设置非映射字段的代码：

minutesAsleep.textContent = doc.data().minutesAsleep;

注意:MinutesElewe已经是子文档中的非map字段，可以使用前面提到的代码轻松地从数据库中取出。

Answer 1

在对代码进行实验和修补之后：

 remSleep.textContent = doc.data();
 lbremSleep.textContent = "Minutes of REMSleep:  ";

替换为：

 remSleep.textContent = doc.data().stages.remSleep;
 lbremSleep.textContent = "Minutes of REMSleep:  ";

进一步解释：

doc.data().

获取文档数据

那么，

doc.data().stages

获取地图字段阶段下的文档数据

doc.data().stages.remSleep;