Iterating through nested firebase objects - Javascript

Question

How to iterate through nested firebase objects.

Publications-
            |
            |-Folder1------
            |             |-hdgjg76675e6r-
            |             |               |-Name
            |             |               |-Author
            |             |
            |             |+-hdgjdsf3275e6k
            |             |+-hd345454575e6f
            |+-Folder2

In publications I have folders and in folders I have objects (containing properties like. Name, Author)

I have iterated through folders till now.

snapshot.forEach(function (snapshot) {
    var key = snapshot.key();
    var obj = snapshot.val();
    console.log(key);
    //output => Folder1 , Folder2 etc
});

When I print obj

console.log(obj);

It displays

How do I iterate through obj variable as it contains hdgjg76675e6r , hdgjdsf3275e6k etc and further?

Devid Farinelli · Accepted Answer · 2017-07-19 12:11:24Z

5

You obj is just a normal javascript object, you can just use a simple for loop:

for(var key in obj) {
    console.log(obj[key]);
}

or you can use again a forEach on your snapshot:

folderSnapshot.forEach(function (objSnapshot) {
    objSnapshot.forEach(function (snapshot) {
        var val = snapshot.val();
        console.log(val); // Should print your object
    });
});

answered Jul 19, 2017 at 12:11

Devid Farinelli

7,5549 gold badges45 silver badges75 bronze badges

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

2 Comments

Devid Farinelli Over a year ago

PS: you can copy an object from chrome devtools right clicking it > save as temp variable. It will print something like temp1, if you write in chrome console copy(temp1) you'll be able to paste it on any editor ;)

Noman Ali Over a year ago

Thanks for the tip sir. :)

itsmichaelwang · Accepted Answer · 2017-07-19 12:17:08Z

2

Will the tree increase in depth? If not, then the best solution here is to just do a double for loop.

snapshot.forEach(function (snapshot) {
    var key = snapshot.key();
    var obj = snapshot.val();
    console.log(key);
    //output => Folder1 , Folder2 etc

    obj.forEach(function (book) {
        var title = book.title;
        var author = book.author;
    });
});

No need to over-engineer things, in my opinion.

answered Jul 19, 2017 at 12:17

itsmichaelwang

2,3584 gold badges18 silver badges26 bronze badges

1 Comment

egzonmustafa Over a year ago

var key = snapshot.key, you should not call as a function

Larry Bekchyan · Accepted Answer · 2017-07-19 12:21:16Z

1

Heres simple way how you can get your object of objects to array of objects:

var myObject = {key1: {name: 'hello'}, key2: {name: 'hello2'}}; 
var myArrayOfObject = Object.values(myObject);

console.log(myArrayOfObject);
// Result: (2) [Object, Object]

answered Jul 19, 2017 at 12:21

Larry Bekchyan

1687 bronze badges

Collectives™ on Stack Overflow

Iterating through nested firebase objects - Javascript

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related