how to get all data in correct way firebase-real-time-database JavaScript

Question

I am using node.js and I am getting data from firebase real-time database. The problem is I am getting data something like this :

for data getting code! JS

import firebaseApp from '../config.js';
import { getDatabase, ref, onValue } from "firebase/database";


const userRef = ref(database, "Users");
onValue(userRef, (snapshot) => {

if (snapshot.exists) {
  const data = snapshot.val();
  console.log(data); // data printed to console
}

}, {
  onlyOnce: true
});

Console Output

{
  
 "random-user-id-1": {
    "name": "Jhon Doe",
    "profile": "profilelink",
    "email": "[email protected]"
 },
 
 "random-user-id-2": {
    "name": "Cr7",
    "profile": "profilelink",
    "email": "[email protected]"
 },

 // and more...

}

I want to display this data as an array of objects. Example of expected output

[

    {
    "name": "Jhon Doe",
    "profile": "profilelink",
    "email": "[email protected]"
    },
    
    {
    "name": "Cr7",
    "profile": "profilelink",
    "email": "[email protected]"
    }

    // and more........ ^_~

]

Any help will be always appreciated! and feel free to ask any doubts related to my question or problem!

thank you :)

gil · Accepted Answer · 2022-04-02 10:28:54Z

2

seems like you need only the values from your dict, you can transform your data this way:

const lst = {
  
 "random-user-id-1": {
    "name": "Jhon Doe",
    "profile": "profilelink",
    "email": "[email protected]"
 },
 
 "random-user-id-2": {
    "name": "Cr7",
    "profile": "profilelink",
    "email": "[email protected]"
 },

}

const expectedFormatRes = Object.values(lst);


console.log(expectedFormatRes);

answered Apr 2, 2022 at 10:28

gil

2,5731 gold badge23 silver badges31 bronze badges

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

Comments

Frank van Puffelen · Accepted Answer · 2022-04-02 14:04:36Z

1

An alternative to Gil's answer would be to use Firebase's built-in. forEach operation:

if (snapshot.exists) {
  let values = [];
  snapshot.forEach((child) => {
    value.push(child.val());
  })
  console.log(values);
}

While longer, this has the advantage that it maintains the order in which the database returned the data, which becomes relevant when you specify an orderBy... clause on your query..

answered Apr 2, 2022 at 14:04

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

Collectives™ on Stack Overflow

how to get all data in correct way firebase-real-time-database JavaScript

Any help will be always appreciated! and feel free to ask any doubts related to my question or problem!

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Any help will be always appreciated! and feel free to ask any doubts related to my question or problem!

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related