Javascript: Converting Object of Objects to Array of Objects

Question

I'm working on a project using Polymer 1.0 and I want to use dom-repeat to list data from Firebase 3.0.

In Firebase I have an object of objects like this:

var objectofobjects = {
    "-KR1cJhKzg9uPKAplLKd" : {
        "author" : "John J",
        "body" : "vfdvd",
        "time" : "September 6th 2016, 8:11",
        "title" : "vfvfd"
    },
    "-KR1cLZnewbvo45fDnEf" : {
        "author" : "JJ",
        "body" : "vfdvdvf",
        "time" : "September 6th 2016, 8:11",
        "title" : "vfvfdvfdv"
    }
};

and I want to convert it to an array of objects like this:

var arrayofobjects = [ { '-KR1cJhKzg9uPKAplLKd': 
 { author: 'John J',
   body: 'vfdvd',
   time: 'September 6th 2016, 8:11',
   title: 'vfvfd' },
'-KR1cLZnewbvo45fDnEf': 
 { author: 'JJ',
   body: 'vfdvdvf',
   time: 'September 6th 2016, 8:11',
   title: 'vfvfdvfdv' } } ];

That second structure is not valid JSON. jsonlint.com

Frank van Puffelen
– Frank van Puffelen

2016-09-07 03:47:26 +00:00
Commented Sep 7, 2016 at 3:47 — Frank van Puffelen
– Frank van Puffelen, Commented Sep 7, 2016 at 3:47

gngchrs · Accepted Answer · 2016-09-11 07:07:44Z

6

I use this to convert mine

let arrayOfObjects = Object.keys(ObjectOfObjects).map(key => {
   let ar = ObjectOfObjects[key]

   // Apppend key if one exists (optional)
   ar.key = key

   return ar
})

In this case, your output would be

[
  {
    "author" : "John J",
    "body" : "vfdvd",
    "time" : "September 6th 2016, 8:11",
    "title" : "vfvfd",
    "key": "-KR1cJhKzg9uPKAplLKd"
  },
  {
    "author" : "JJ",
    "body" : "vfdvdvf",
    "time" : "September 6th 2016, 8:11",
    "title" : "vfvfdvfdv",
    "key": "KR1cLZnewbvo45fDnEf"
   }
 ]

answered Sep 11, 2016 at 7:07

gngchrs

4784 silver badges11 bronze badges

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

Comments

Tristan · Accepted Answer · 2017-04-09 00:07:24Z

1

You can do it in this simple way:

 var arrObj = [];
 var obj = JSON.stringify(objectofobjects, function(key, value) {
     arrObj.push(value);
 })
 console.log(arrObj);

And the output will be this:

[{
    '-KR1cJhKzg9uPKAplLKd': {
        author: 'John J',
        body: 'vfdvd',
        time: 'September 6th 2016, 8:11',
        title: 'vfvfd'
    },
    '-KR1cLZnewbvo45fDnEf': {
        author: 'JJ',
        body: 'vfdvdvf',
        time: 'September 6th 2016, 8:11',
        title: 'vfvfdvfdv'
    }
}]

Note: The output which you have mentioned is not a valid JSON array.

Hope this should work.

edited Apr 9, 2017 at 0:07

Tristan

3,5783 gold badges33 silver badges40 bronze badges

answered Sep 7, 2016 at 5:07

abdulbari

6,2625 gold badges41 silver badges65 bronze badges

1 Comment

Chase Over a year ago

Is it just me, or does this technically not answer the question? You're right about it not being a valid JSON array, but that's exactly what the question is asking for. How do you convert an object of objects, into an array of objects. This answer wraps the top level object inside an array, but still leaves the children objects wrapped inside another object.

Community · Accepted Answer · 2017-05-23 12:34:42Z

1

Can still optimize but this will get you your result.

var result = [];
for (var item in objectofobjects) {
  if (objectofobjects.hasOwnProperty(item)) {
    var key = item.toString();
    result.push({key: objectofobjects[item]});
  }
}
console.log(result);

The check inside is based on Iterate through object properties

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Sep 7, 2016 at 3:54

g3ctong

864 bronze badges

1 Comment

user663031 Over a year ago

But this is not the format the OP said he wanted to create.

iEfimoff · Accepted Answer · 2016-12-04 00:32:37Z

0

objectofobjects = [objectofobjects]; // Simplest way to do this convertation.

JSON.stringify(objectofobjects);
"[{"-KR1cJhKzg9uPKAplLKd":{"author":"John J","body":"vfdvd","time":"September 6th 2016, 8:11","title":"vfvfd"},"-KR1cLZnewbvo45fDnEf":{"author":"JJ","body":"vfdvdvf","time":"September 6th 2016, 8:11","title":"vfvfdvfdv"}}]"

edited Dec 4, 2016 at 0:32

answered Dec 4, 2016 at 0:25

iEfimoff

3724 silver badges10 bronze badges

Collectives™ on Stack Overflow

Javascript: Converting Object of Objects to Array of Objects

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related