时间戳

首页 > 解决方案 > 从 Firestore 检索数据为 json

angular - 从 Firestore 检索数据为 json

问题描述

在firestore文档中我发现这种方式来获取多数据

db.collection("cities").where("capital", "==", true)
.get()
.then(function(querySnapshot) {
    querySnapshot.forEach(function(doc) {
        // doc.data() is never undefined for query doc snapshots
        console.log(doc.id, " => ", doc.data());
    });
})

但是这样我必须在后端创建两个循环来处理并将数据推送到对象中，然后在前端进行另一个循环来显示数据！有什么方法可以逃避第一个循环并返回数据列表而不像这样在后端的循环中处理它

return res.status(200).json(doc.data())

答案

.get()
.then(query=>{
    let data = query.docs.map(doc=>{
        let x = doc.data()
            x['_id']=doc.id;
            return x;
    })
    res.status(200).json(data);
})

这个答案将返回 doc 的 id 作为数据本身的一部分

标签： angularfirebasegoogle-cloud-firestore

解决方案

根据https://cloud.google.com/nodejs/docs/reference/firestore/0.17.x/QuerySnapshot 和https://cloud.google.com/nodejs/docs/reference/firestore/0.17.x/QueryDocumentSnapshot _没有直接的方法可以直接将结果作为 json 对象获取。如果你想要一个数据列表（列表意味着一个数组，所以你不会有 id 作为索引），我会使用数组map函数：https ://developer.mozilla.org/de/docs/Web/JavaScript/Reference /Global_Objects/数组/地图

return db.collection("cities").where("capital", "==", true)
    .get()
    .then(function(querySnapshot) {
        return querySnapshot.docs.map(doc => {...doc.data(), id: doc.id});
    });

如果您不能使用 es6 语法，则替换{...doc.data(), id: doc.id}为

Object.assign(doc.data(), {id: doc.id});

PS：这将返回一个 Promise 对象而不是数组本身，因此您必须使用.then()返回的 Promise 或新await语法

推荐阅读