迭代 Firestore 地图数组

Question

我正在尝试重构数据库，但在尝试使用其中的数据填充表时遇到了麻烦。

这是我的数据库的新结构。

所以，我们可以看到 newLayout > User ID > reviews，这是一个地图数组。我可以注销整个评论数组 - 但无法弄清楚如何访问甚至注销评论数组中的每个单独的对象/地图。

    this.firebaseService.getNewReports().subscribe(docs => {

      this.reports =  docs.map(item => {

        return {
          id:  item.payload.doc.id,
          ...item.payload.doc.data()
        };
      });   

      this.reports.forEach(element => {

        console.log(element.reviews);

      });

    });

每个评论数组都被注销

我什至无法注销一个对象 - 我认为即使 console.log(element.reviews[0]) 也可以，但它说“无法读取未定义的属性 0”。我只能退出整个评论数组。

我正在寻找的是一次迭代并从每个文档中检索每个评论的内容，并将它们分配到一个大对象数组中，以用作 MatTableDataSource 的源。

就这样

    [
    {county: Cork, dateAdded: " ", ...}, 
    {county: Cork, dateAdded: " ", ...},
    {county: Clare, dateAdded: " ", ...}
    ]

在我之前的简单数据库结构中，这是一个简单的操作，因为我可以检索整个集合并将其分配给一个数组。该结构对于其他功能来说是不切实际的，所以现在我包含了有意义的 ID。

Previous database structure

任何帮助将不胜感激，这花费的时间变得非常愚蠢。我已经在互联网和文档中寻找解决方案，但我开始觉得我从一开始就做错了我的数据库结构。

Answer 1

编辑：

如果你想要的输出是单个数组，比如...

[
  {county: Cork, dateAdded: " ", ...}, 
  {county: Cork, dateAdded: " ", ...},
  {county: Clare, dateAdded: " ", ...}
]

..然后在您的forEach 中将每个数组的内容推送到一个数组中，这里是finalReports，使用展开运算符，如下所示：

  finalReports = [];

  // ...

  this.reports.forEach(element => {
    this.finalReports.push(...element.reviews)
  });

如果你愿意，你也可以提前做：

  docs.map(item => {
    this.finalReports.push(...item.payload.doc.data().reviews)
  });   

---

原帖：

经过一番思考 ;) 我认为弄清楚了您希望输出的样子，即：

[
  {
    A11: [{county: ....}, {...}]
  }, 
  {
    A154: [{county: ...}, {...}]
  }   
]

可以通过以下方式实现：

this.reports =  docs.map(item => {
  return {
    return { [item.payload.doc.id] : item.payload.doc.data().reviews }
  };
});  

所以我们将id设置为prop名称，并将payload中的数组reviews设置为prop值。