在Firebase Firestore中映射集合快照的项目

时间:2017-10-06 21:18:59

标签: database firebase google-cloud-firestore

Firebase Firestore Guides显示如何使用forEach

迭代集合快照中的文档
db.collection("cities").get().then(function(querySnapshot) {
    querySnapshot.forEach(function(doc) {
        console.log(doc.id, " => ", doc.data());
    });
});

我想象它也会支持map,但事实并非如此。如何映射快照?

6 个答案:

答案 0 :(得分:36)

答案是:

querySnapshot.docs.map(function(doc) {
  # do something
})

The Reference page for Firestore显示快照上的docs属性。

  

docs 非null非null firebase.firestore.DocumentSnapshot

的数组      

QuerySnapshot中所有文档的数组。

答案 1 :(得分:6)

让Firestore厌倦了他们在课堂上或其他课程中返回的东西,对此感到非常厌倦。这是一个帮手,如果您给它一个dbcollection,它将返回该集合中的所有记录,作为解决实际数组的承诺。

const docsArr = (db, collection) => {
  return db
    .collection(collection)
    .get()
    .then(snapshot => snapshot.docs.map(x => x.data()))
}

;(async () => {
  const arr = await docsArr(myDb, myCollection)
  console.log(arr)
})()

答案 2 :(得分:0)

这是另一个例子

var favEventIds = ["abc", "123"];

const modifiedEvents = eventListSnapshot.docs.map(function (doc) {
    const eventData = doc.data()
    eventData.id = doc.id
    eventData.is_favorite = favEventIds.includes(doc.id)

    return eventData
})

答案 3 :(得分:0)

我发现,使用 map 并获得您的文档ID的更好方法如下:

从我希望在构造函数中更新的对象数组开始:

    this.state = {
                allmystuffData: [
                {id: null,LO_Name: "name", LO_Birthday: {seconds: 0, nanoseconds: 0},    
                LO_Gender: "Gender", LO_Avatar: "https://someimage", LO_Type: "xxxxx"},],
    };

在我的函数中执行以下操作

    const profile = firebase
        .firestore()
        .collection("users")
        .doc(user.uid)
        .collection("stuff")
        .get()
        .then( async (querySnapshot) => {
            console.log("number of stuff records for ",user.uid," record count is: ", 
            querySnapshot.size);
            const profile = await Promise.all(querySnapshot.docs.map( async (doc) => {
                const stuffData = doc.data()
                stuffData.id = doc.id
                condole.log("doc.id => ",doc.id)
                return stuffData
        }));
    
        this.setState({allmystuffData: profile});
        })
        .catch(function (error) {
            console.log("error getting stuff: ", error);
        })

在此示例中,我使用querysnapshot读取了整个文档中映射时的集合中的所有文档。 promise.all确保在将所有记录呈现到屏幕之前将所有记录返回。我将文档ID添加到返回数组中每个对象的“ id”元素中,然后使用setstate将状态数组替换为查询返回的数组。

答案 4 :(得分:0)

// https://firebase.google.com/docs/firestore/query-data/get-data
const querySnapshot = await db.collection("students").get();

// https://firebase.google.com/docs/reference/js/firebase.firestore.QuerySnapshot?authuser=0#docs
querySnapshot.docs.map((doc) => ({ id: doc.id, ...doc.data() }));

答案 5 :(得分:0)

你可以试试这个

FirebaseFirestore.instance
  .collection('Video_Requests')
  .get()
  .then((QuerySnapshot querySnapshot){querySnapshot.docs.forEach((doc){
    print(doc.data());
   });
});