Firebase pushing array - Javascript

Question

I am using Firebase to store information for a workout application.

I user adds a workout name and then I push it to the database. I can continue pushing these but my issue is that it does not seem to be pushing as an array just an object. See the screen shots below...

As you can see in the console log picture the workouts property is an object not an array like I expect.

The code I'm using to push it:

    let newWorkout = {
      title: 'title',
      exercises: [{
        name: 'pulldownsnsn',
        sets: 4
      }]}

    let ref = firebase.database().ref("/userProfile/"+this.userId);

    ref.child("workouts").push(newWorkout);

Frank van Puffelen · Accepted Answer · 2017-05-30 14:12:38Z

5

The Firebase Database stores lists of data in a different format, to cater for the multi-user and offline aspects of modern web. The -K... are called push IDs and are the expected behavior when you call push() on a database reference.

See this blog post on how Firebase handles arrays, this blog post on the format of those keys, and the Firebase documentation on adding data to lists.

answered May 30, 2017 at 14:12

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

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

Comments

Nino Filiu · Accepted Answer · 2018-11-22 11:06:01Z

1

Arrays are handy, but they are a distributed database nightmare for one simple reason: index element identification is not reliable when elements get pushed or deleted. Firebase database instead uses keys for element identification:

// javascript object
['hello', 'world']

// database object
{ -PKQdFz22Yu: 'hello', -VxzzHd1Umr: 'world' }

It gets tricky when using push(), because it does not actually behaves like a normal push, but rather as a key generation followed by object modification.

Example usage

firebase.database().ref('/uri/to/list').push(
    newElement,
    err => console.log(err ? 'error while pushing' : 'successful push')
)

answered Nov 22, 2018 at 11:06

Nino Filiu

18.9k11 gold badges65 silver badges97 bronze badges

1 Comment

Dipen Patel Over a year ago

Did you figure it out? Any suggestion? I am having the same issue.

Prottay Rudra · Accepted Answer · 2020-09-30 15:05:12Z

0

Heres an example from firebase documentation:

const admin = require('firebase-admin');
// ...
const washingtonRef = db.collection('cities').doc('DC');

// Atomically add a new region to the "regions" array field.
const unionRes = await washingtonRef.update({
  regions: admin.firestore.FieldValue.arrayUnion('greater_virginia')
});
// Atomically remove a region from the "regions" array field.
const removeRes = await washingtonRef.update({
  regions: admin.firestore.FieldValue.arrayRemove('east_coast')
});

More info on this firebase documentation.

answered Sep 30, 2020 at 15:05

Prottay Rudra

1853 silver badges11 bronze badges

1 Comment

samchuang Over a year ago

Your answer is based on Cloud Firestore, and the question is reference to Firebase Real Time Database. So this code won't work in RTDB.

Collectives™ on Stack Overflow

Firebase pushing array - Javascript

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related