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
– jfriend00, Commented Nov 7, 2014 at 6: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
– Nick Div, Commented Nov 7, 2014 at 6: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
– iGanja, Commented Oct 31, 2017 at 17:07

itsazzad · Accepted Answer · 2021-06-26 15:04:30Z

143

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, 2021 at 15:04

itsazzad

7,2927 gold badges73 silver badges92 bronze badges

answered Oct 25, 2016 at 14:14

Thierry

1,6861 gold badge13 silver badges10 bronze badges

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

4 Comments

Anirudha Over a year ago

Note that this is not supported in IE, Safari,Opera

Omar Over a year ago

Object.values() not supported in FireFox

evolross Over a year ago

This doesn't return the data in the OP's specification. @Shuwei's answer works perfect.

bareMetal Over a year ago

typeof still returns 'object'

Shuwei · Accepted Answer · 2017-09-17 21:24:07Z

57

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, 2017 at 21:24

Shuwei

8017 silver badges9 bronze badges

5 Comments

iGanja Over a year ago

This appears to be the best solution for all browser support.

iGanja Over a year ago

Still IE of course has issues with the mapping. try instead: var myData = Object.keys(data).map(function(x) { return data[x]; });

Kibotu Over a year ago

how to revert that?

Jason Rice Over a year ago

Simplified: let myData = Object.keys(data).map(key => data[key]);

Lalana Chamika Over a year ago

This is the most accurate solution , thanks @JasonRice and Shuwei

Matt Weber · Accepted Answer · 2019-10-13 13:44:18Z

11

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, 2019 at 13:44

Matt Weber

2,8782 gold badges17 silver badges30 bronze badges

Comments

Bisma Azher · Accepted Answer · 2021-04-12 13:12:04Z

8

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, 2021 at 13:12

Bisma Azher

7498 silver badges10 bronze badges

2 Comments

Alex Deldari Over a year ago

this is simple way to convert

pax Over a year ago

This should be the ACCEPTED answer, because this is the simplest, therefore the BEST way.

mags · Accepted Answer · 2014-11-07 06:55:56Z

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 7, 2014 at 6:55

mags

6301 gold badge9 silver badges28 bronze badges

1 Comment

Nick Div Over a year ago

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..

Junaid Khan · Accepted Answer · 2021-03-07 10:00:45Z

2

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);

answered Mar 7, 2021 at 10:00

Junaid Khan

597 bronze badges

Comments

frogatto · Accepted Answer · 2014-11-07 06:59:05Z

1

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 7, 2014 at 6:59

frogatto

29.4k13 gold badges90 silver badges137 bronze badges

1 Comment

frogatto Over a year ago

@jfriend00 Please see this question

Willie Cheng · Accepted Answer · 2022-06-09 09:35:36Z

Finally, It works for me to convert from object to array of objects when you get object value from

       const snapshortObject = snapshot.val(); //  And they look like this are stored value.

  let snapshortObject = {
      a: { 
            message: "Hiiii",
            senderId: "tQusPaBhoJXcu2ezlsDxQMUTLCq1",
            timestamp: "Wed Jun  8 18:16:18 2022"
      },
      b: { 
            message: "Hiiii",
            senderId: "tQusPaBhoJXcu2ezlsDxQMUTLCq1",
            timestamp: "Wed Jun  8 18:16:18 2022"
      },
      c: { 
            message: "Hello 👋👋👋👋",
            senderId: "tQusPaBhoJXcu2ezlsDxQMUTLCq1",
            timestamp: "Wed Jun  8 18:16:50 2022"
      },
      d: { 
            message: "Hello 👋👋👋👋",
            senderId: "tQusPaBhoJXcu2ezlsDxQMUTLCq1",
            timestamp: "Wed Jun  8 18:16:50 2022"
      }
    };
    
    const mappedDataArray = [];
    slno=1
    for (const key in snapshortObject) {
      const mappedData = {
        ...snapshortObject[key],
        slno:slno++
      };
      mappedDataArray.push(mappedData);
    }
    console.log(mappedDataArray);

Mirza Hayat · Accepted Answer · 2023-03-22 12:34:42Z

1

Easy Hack

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

 data = Object.values(data).map((item)=>item)
console.log(data)

answered Mar 22, 2023 at 12:34

Mirza Hayat

4027 silver badges13 bronze badges

Comments

frogatto · Accepted Answer · 2014-11-07 07:58:14Z

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 7, 2014 at 7:58

frogatto

29.4k13 gold badges90 silver badges137 bronze badges

answered Nov 7, 2014 at 7:26

Ashitosh birajdar

4704 silver badges12 bronze badges

2 Comments

Ashitosh birajdar Over a year ago

That is correct, because i have used it in my code. You try it then you will get it!

frogatto Over a year ago

This does not provide any answer to the OP question, This codes only add a new property to the object dataObject[0]

Omar · Accepted Answer · 2018-07-05 13:58:27Z

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 5, 2018 at 13:58

Omar

3,0903 gold badges42 silver badges74 bronze badges

Comments

KARTHIKEYAN.A · Accepted Answer · 2022-07-03 17:12:13Z

0

We can use Object default methods (Object.assign(), Object.values()) to convert Object of Object to array in the following way

const ObjValue = {
a:{"0": "1"},
b:{"1": "2"},
c:{"2": "3"},
d:{"3": "4"}
}
const ObjtoArray = (obj) => Object.assign([], Object.values(obj))

console.log(ObjtoArray(ObjValue))

answered Jul 3, 2022 at 17:12

KARTHIKEYAN.A

20.5k11 gold badges139 silver badges151 bronze badges

Collectives™ on Stack Overflow

How to convert object containing Objects into array of objects

12 Answers 12

4 Comments

5 Comments

Comments

2 Comments

1 Comment

Comments

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

4 Comments

5 Comments

Comments

2 Comments

1 Comment

Comments

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related