How To Convert Firebase object into an Array

Question

I am working with Firebase Firestore using Nuxt js and I want to retrieve data from my database. I am using firebase with NuxtFirebase, the official plugin for firebase. Though I get a list of objects instead of an array, how do I convert it into an array?

//post.js





const actions = {

// The Post list API 


async postList({commit}){

    try{
      
      
      const req = await this.$fire.firestore.collection('Post').get()
  
      req.forEach((doc) => {
          // doc.data() is never undefined for query doc snapshots

          const posts = doc.data()
          

          console.log(posts)

         commit("SET_POST", posts)
          
        });
        
       
    
      
      }
      catch(e){
      
      console.log(e)
      }
      
      },
  





};


export default {

state,
getters,
mutations,
actions,
}

Renaud Tarnec · Accepted Answer · 2023-01-05 16:35:08Z

1

The following should do the trick:

const querySnapshot = await this.$fire.firestore.collection('Post').get()
const arrayOfDocs = querySnapshot.docs.map((doc) => doc.data());

The docs property of a QuerySnapshot returns an array of all the documents in the QuerySnapshot.

answered Jan 5, 2023 at 16:35

Renaud Tarnec

83.4k10 gold badges99 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Renaud Tarnec Over a year ago

Glad I could help you @UdemezueJohn! You may accept and upvote the answer in such a way other SO users with the same problem see that this answer solved the problem.

Udemezue John Over a year ago

Thanks , I will do that, also I need a little bit of help, I want to get some data out of the Query such as doc.id and many more, I tried formating the code this way. ``` const arrayOfDocs = querySnapshot.docs.map((doc) => { 'id':doc.id, 'content':doc.content }); ```

Renaud Tarnec Over a year ago

You should use doc.data(). content is not a property of a DocumentSnapshot.

Udemezue John Over a year ago

I need to Query the ID and some specific details in the Array

Renaud Tarnec Over a year ago

I understand that content is a field of the document. If this assumption is true then do as follows: const arrayOfDocs = querySnapshot.docs.map((doc) => { 'id':doc.id, 'content':doc.get('content') }); (see the doc for the get() method). Also, do not forget to accept the answer if it solved your question.

|

Collectives™ on Stack Overflow

How To Convert Firebase object into an Array

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related