CODEWITHSUNDEEP
javascriptfirebasefirebase-realtime-database
Nere
Nere

Reputation: 4097

Unable to use foreach method on Firebase fetch data

I'm stuck during fetching Firebase data. How to read Firebase object?

the key like : -KYl7Q_gcndAPqFC2eCn makes me stuck to fetch it. How do I know that object name?

** This fetch is for public blog.

// Initialize Firebase
var config = {
  apiKey: "foobarbaz",
  authDomain: "whatever.com",
  databaseURL: "foo.com",
  storageBucket: "bar.com",
  messagingSenderId: "1234567890000"
};
firebase.initializeApp(config);

firebase.database().ref("pelanggan").on('value', function(snapshot) {
  var pelanggan = snapshot.val();
  console.log(pelanggan);
  var div_senarai_pelanggan = document.getElementById('div_senarai_pelanggan');

  console.log(key);
  var html = "";
  html = '<ol>';
  pelanggan.foreach(a, function(key, value) {
    console.log(key);
  })
  html += '</ol>';
  div_senarai_pelanggan.innerHTML = html;

});

Here's my fiddle.

Upvotes: 0

Views: 84

Answers (1)

imjared
imjared

Reputation: 20584

Firebase stores your contents in object format. You should be able to see this in your console.log() call. forEach() is a method specific to arrays so you wouldn't be able to call it on an object. You'll need to iterate over the collection of objects using

Object.keys( pelanggan ).forEach( function( key ) {
    console.log( pelanggan[ key ] );
});

If you want to use a variation of .forEach(), I'd recommend using Lodash's implementation then you can do what you're trying to do with

_.forEach( pelanggan, function( item ) {
    console.log( item );
});

Upvotes: 1

Related Questions