从Firebase以特定阵列格式检索数据

Question

我是Angular和Firebase的新手。 仍在尝试学习绳索，所以我希望有人能帮助我真的很糟糕。 我曾尝试浏览文档和观看视频，但老实说，我还是不明白。

我可以使用Angular的HTTPCLIENT服务从firebase检索数据。 但是，其格式如下：

{
    "test01": {
        "title": "News",
        "descr": "Amazing!"
     }
},
     "test02": {
        "title": "Panda",
        "descr": "Amazing!"
     }
}

但是问题是我想使用ngFor遍历我的数据，以便它将显示主页中的所有标题和描述（无论id如何）。 无论如何，是否有将我检索到的数据重组为以下格式的信息，以便我可以遍历它并按原样显示数据？

favItems = [{id: "test01", title: "News", descr: "Amazing!" }, {id: "test02", title....}]

谢谢！

Answer 1

您可以使用Object.keys - docs ：

 let obj = { "test01": { "title": "News", "descr": "Amazing!" }, "test02": { "title": "Panda", "descr": "Amazing!" } } let arr = Object.keys(obj).map((k) => { return { ...obj[k], id: k } }) console.log(arr)