How do I convert an object of object to an array of objects?

Question

My object looks like this { {},{},{},{} }

I want it to look like this:

[ {},{},{},{} ]

Do you want to loose the property names for the inner objects in the original object? Because the original object cannot be the way you described. It has to be `{foo:{}, bar:{}, baz:{}}`. — Gerardo Furtado, Jun 03 '17 at 03:50

Phrogz · Answer 1 · 2017-06-03T04:01:24.800

2

IF you are on Chrome or Firefox only, you can use Object.values():

var o = {a:{k:1}, b:{k:2}, c:{k:3}}
var values = Object.values(o);
// [{"k":1}, {"k":2}, {"k":3}]

Otherwise, use (and accept) an answer based on Object.keys().

edited Jun 03 '17 at 04:01

answered Jun 03 '17 at 03:56

Phrogz

296,393
112
651
745

3

Good answer, but I'd advise OP that this won't work on Safari, IE, Edge and Opera. – Gerardo Furtado Jun 03 '17 at 03:57
@GerardoFurtado Good idea. – Phrogz Jun 03 '17 at 04:01
I'm trying to find any information regarding Edge, but I can't find any... So, to give the benefit of the doubt, let's say for now that `Object.values()` doesn't work on: Safari, Opera and IE (does anything work on IE???). – Gerardo Furtado Jun 03 '17 at 04:03

score 1 · Answer 2 · answered Jun 03 '17 at 03:53

1

Well, first of all there is no such thing as an object of objects unless you mean an object which properties are objects. Example: { foo: { bar: 'xyz'} }.

To convert such object into a collection (array of objects) just loop through the keys like such

let objOfObjs = {
  foo: { xyz: 'bar'},
  bar: { abc: 'foo'}
}, collection = [];

Object.keys(objOfObjs).forEach(key => collection.push(objOfObjs[key]));

console.log(collection); //[ { xyz: 'bar' }, { abc: 'foo' } ]

Repl: https://repl.it/I4MS

answered Jun 03 '17 at 03:53

Baruch

2,381
1
17
29

1

`collection = Object.keys (objOfObjs).map (key => objOfObjs[key]);` ? – HBP Jun 03 '17 at 03:56
@HBP True, I rather do it the way I posted simply because I don't like doing that sort of logic in variable declarations. – Baruch Jun 03 '17 at 03:57

mugabits · Answer 3 · 2017-06-03T03:57:11.077

1

var obj = { 'a' : {}, 'b': {}, 'c': {}, 'd': {} }
var list = [];
Object.keys(obj).forEach(function(key) {
    list.push(obj[key]);
});

or simpler

   var list = Object.values(obj);

edited Jun 03 '17 at 03:57

answered Jun 03 '17 at 03:55

mugabits

1,015
1
12
22

score 0 · Accepted Answer · answered Jun 03 '17 at 04:01

If you're using jQuery, you can use the $.each() method to loop through the original object.

Otherwise, you can try a for loop:

var originalObject = { 
    "key1": { "obj1Key": "obj1Value" },
    "key2": { "obj2Key": "obj2Value" },
    "key3": { "obj3Key": "obj3Value" } 
}

var newArray = [];

for (var key in originalObject) {
    newArray.push(originalObject[key]);
}

console.log("New Array: " + newArray);

How do I convert an object of object to an array of objects?

4 Answers4