How to convert object containing Objects into array of objects

Question

This is my Object

var data = {
    a:{"0": "1"},
    b:{"1": "2"},
    c:{"2": "3"},
    d:{"3": "4"}
};

This is the output that I expect

data = [ 
    {"0": "1"},
    {"1": "2"},
    {"2": "3"},
    {"3": "4"}
]

Then see my comment about the target structure. It's a bad output format and a pain to use in javascript. Why not just put all key/value pairs in a single object? — jfriend00, Nov 07 '14 at 06:54
I am using a third party library in my application that needs the input in the format that i want. cant help it. — Nick Div, Nov 07 '14 at 06:55
Wow, these comments make my head hurt. How is an array of objects "a pain to use in javascript"? Granted the objects are normally all the same structure, but we use arrays of objects all the time, quite painlessly. — iGanja, Oct 31 '17 at 17:07

score 116 · Accepted Answer · edited Jun 26 '21 at 15:04

116

This works for me

var newArrayDataOfOjbect = Object.values(data)

In additional if you have key - value object try:

const objOfObjs = {
   "one": {"id": 3},
   "two": {"id": 4},
};

const arrayOfObj = Object.entries(objOfObjs).map((e) => ( { [e[0]]: e[1] } ));

will return:

[
  {
    "one": {
      "id": 3
    }
  },
  {
    "two": {
      "id": 4
    }
  }
]

edited Jun 26 '21 at 15:04

itsazzad

6,416
7
67
81

answered Oct 25 '16 at 14:14

Thierry

1,407
1
12
9

4

Note that this is not supported in IE, Safari,Opera – Anirudha Apr 02 '17 at 16:56
`Object.values()` not supported in FireFox – Omar Jul 05 '18 at 13:48
This doesn't return the data in the OP's specification. @Shuwei's answer works perfect. – evolross Apr 19 '20 at 20:37

score 50 · Answer 2 · answered Sep 17 '17 at 21:24

50

var data = {
    a:{"0": "1"},
    b:{"1": "2"},
    c:{"2": "3"},
    d:{"3": "4"}
};

var myData = Object.keys(data).map(key => {
    return data[key];
})

This works for me

answered Sep 17 '17 at 21:24

Shuwei

699
6
7

This appears to be the best solution for all browser support. – iGanja Oct 31 '17 at 17:17
Still IE of course has issues with the mapping. try instead: var myData = Object.keys(data).map(function(x) { return data[x]; }); – iGanja Oct 31 '17 at 21:40
how to revert that? – Kibotu May 18 '18 at 13:54
15

Simplified: `let myData = Object.keys(data).map(key => data[key]);` – Jason Rice Jul 27 '18 at 19:13
This is the most accurate solution , thanks @JasonRice and Shuwei – Lalana Chamika Dec 28 '20 at 11:35

score 9 · Answer 3 · answered Oct 13 '19 at 13:44

9

The accepted answer doesn't take into account the OP wanted to get rid of the keys. This returns only the objects, not their parent key.

Object.entries(ObjOfObjs).map(e => e[1]) outputs:

[ 
  {"0": "1"},
  {"1": "2"},
  {"2": "3"},
  {"3": "4"}
]

answered Oct 13 '19 at 13:44

Matt Weber

2,628
2
10
28

score 5 · Answer 4 · answered Nov 07 '14 at 06:55

5

You would have to give a name to each value in the object.

Once you fix the first object, then you can do it using push.

var data = {
    1: {"0": "1"},
    2: {"1": "2"},
    3 : {"2": "3"},
    4: {"3": "4"}
};

var ar = [];
for(item in data){
    ar.push(data[item]);
 }

console.log(ar);

http://jsfiddle.net/nhmaggiej/uobrfke6/

answered Nov 07 '14 at 06:55

mags

560
1
7
23

I was thinking if there was another way rather than looping the whole Object. Because I have like a thousand records. But if there is nothing else that will work then I can use this. Thanks.. – Nick Div Nov 07 '14 at 06:57

score 2 · Answer 5 · answered Mar 07 '21 at 10:00

this is simple and will do in an immutable way so that your main data not touched but you can create a new mappedData as per your requirement and create a new array.

let data = {
  a: { "0": "1" },
  b: { "1": "2" },
  c: { "2": "3" },
  d: { "3": "4" }
};

const mappedDataArray = [];

for (const key in data) {
  const mappedData = {
    ...data[key]
  };
  mappedDataArray.push(mappedData);
}

console.log(mappedDataArray);
console.log(data);

score 2 · Answer 6 · answered Apr 12 '21 at 13:12

2

You can easily do this by using Object.values() function

var data = {
    a:{"0": "1"},
    b:{"1": "2"},
    c:{"2": "3"},
    d:{"3": "4"}
};

console.log(Object.values(data))

answered Apr 12 '21 at 13:12

bisma

551
6
9

2

this is simple way to convert – MA Deldari Sep 09 '21 at 12:24

score 0 · Answer 7 · answered Nov 07 '14 at 06:59

0

var array = [];
for(var item in data){
    // this condition is required to prevent moving forward to prototype chain
    if(data.hasOwnProperty(item)){
        array.push(data[item]);
    } 
}

answered Nov 07 '14 at 06:59

frogatto

27,475
10
76
119

@jfriend00 Please see [this question](http://stackoverflow.com/q/12735778/1841194) – frogatto Nov 07 '14 at 07:07

score 0 · Answer 8 · edited Nov 07 '14 at 07:58

0

I get what you want ! Here is your solution,

var dataObject=[{name:'SrNo',type:'number'}];

And to access or store the array use

dataObject[0].srno=1;
dataObject[0].srno=2;

Hope this is what you needed.

edited Nov 07 '14 at 07:58

frogatto

27,475
10
76
119

answered Nov 07 '14 at 07:26

Ashitosh birajdar

470
4
12

That is correct, because i have used it in my code. You try it then you will get it! – Ashitosh birajdar Nov 07 '14 at 09:08
This does not provide any answer to the OP question, This codes only add a new property to the object `dataObject[0]` – frogatto Nov 07 '14 at 09:57

score 0 · Answer 9 · answered Jul 05 '18 at 13:58

0

This worked for me. And it seems to be well supported.

toArray(obj_obj) {
    return Object.keys(obj_obj).map(i => obj_obj[i]);
}

https://medium.com/chrisburgin/javascript-converting-an-object-to-an-array-94b030a1604c

answered Jul 05 '18 at 13:58

Omar

2,494
2
28
54

How to convert object containing Objects into array of objects

9 Answers9

Linked

Related