How to convert Object to Array of Objects in AngularJs?

Question

This is my Code

"type":{"0":   
        {   "label":"name",
    "required":false,
    "type":"String",
    },
    "1":
        {   "label":"email",
    "required":false,
    "type":"String",
    }
   }

In the above code I have Type object which contains two nested objects. Now I want to convert that object to array of objects in the following format using angularjs.

OutPut should be like this:-

"type":[
        {   "label":"name",
    "required":false,
    "type":"String",
    },
        {   "label":"email",
    "required":false,
    "type":"String",
    }
   ]

http://stackoverflow.com/questions/208016/how-to-list-the-properties-of-a-javascript-object — naneri, Apr 07 '16 at 09:31
http://stackoverflow.com/questions/6857468/a-better-way-to-convert-js-object-to-array — Avinash, Apr 07 '16 at 09:32

Tom Mettam · Accepted Answer · 2016-04-07T09:46:31.407

1

Something like this perhaps?

var arr = [];
Object.keys(obj).forEach(function(key)
{
    arr.push(obj[key]);
});
obj = { type: arr };

edited Apr 07 '16 at 09:46

answered Apr 07 '16 at 09:30

Tom Mettam

2,903
1
27
38

You have missed that the output should be `{ type: [...] }` – davidkonrad Apr 07 '16 at 09:40
ThankYou @Tom Mettam.Its Working – durga siva kishore mopuru Apr 07 '16 at 09:56

Nina Scholz · Answer 2 · 2016-04-07T09:41:55.073

1

You could use the keys as index of the array.

var object = { "type": { "0": { "label": "name", "required": false, "type": "String", }, "1": { "label": "email", "required": false, "type": "String", } } },
    array = [];

Object.keys(object.type).map(function (k) {
    array[+k] = object.type[k];
});
object.type = array;
document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');

edited Apr 07 '16 at 09:41

answered Apr 07 '16 at 09:35

Nina Scholz

376,160
25
347
392

1

You have missed that the output should be `{ type: [...] }` – davidkonrad Apr 07 '16 at 09:41

score 1 · Answer 3 · answered Apr 07 '16 at 09:38

1

You should do this using Object.keys

objsArray = [];
Object.keys(objs).forEach(function(key)
{
    objsArray.push(objs[key]);
});

answered Apr 07 '16 at 09:38

Charlie

22,886
11
59
90

You too have missed that the output should be `{ type: [...] }` – davidkonrad Apr 07 '16 at 09:41

Kishore Barik · Answer 4 · 2016-04-07T09:44:40.137

0

say you have

var obj = {"type":{"0":   
        {   "label":"name",
    "required":false,
    "type":"String",
    },
    "1":
        {   "label":"email",
    "required":false,
    "type":"String",
    }
   }}

you can do

var arr = [];
for(var key in obj.type){
  arr.push(obj.type[key])
}
obj.type = arr;

edited Apr 07 '16 at 09:44

answered Apr 07 '16 at 09:38

Kishore Barik

742
3
15

You have missed that the output should be `{ type: [...] }` – davidkonrad Apr 07 '16 at 09:40
ya, that's why I have written `obj.type = arr;` which will replace old object with array – Kishore Barik Apr 07 '16 at 09:43

Avinash · Answer 5 · 2016-04-07T09:45:33.697

0

Let's say your object was:

var myObj = "type":{"0":   
        {   "label":"name",
    "required":false,
    "type":"String",
    },
    "1":
        {   "label":"email",
    "required":false,
    "type":"String",
    }
   };

If you're using Lodash library:

myObj.type = _.map(myObj.type)

edited Apr 07 '16 at 09:45

answered Apr 07 '16 at 09:40

Avinash

812
8
17

score 0 · Answer 6 · answered Apr 07 '16 at 10:19

For the sake of joining the party - better late than never. Working with arrays using functional programming is lots of fun and the accepted answer is great but a slight tweak and you got what is in my opinon much cleaner code.

 obj = { type: Object.keys(obj).map(function(key) { return obj[key]; }) };

or using a cleaner more sucinct ES6 steez

 obj = { type: Object.keys(obj).map(key => obj[key]) };

Super clean!

score 0 · Answer 7 · answered Nov 15 '19 at 10:15

0

You can do it easily without loops:

// Assuming Problem: 
var objectToArray = 
{
"type":{"0": {"label":"name",
              "required":false,
              "type":"String",
             },
        "1": { "label":"email",
              "required":false,
               "type":"String",
             }
        }
    }

// Answer:
console.log( {type : Array.from(Object.values(objectToArray.type))} );

answered Nov 15 '19 at 10:15

TrickOrTreat

821
1
9
23

`Object.values()` returns an array, you don't need to call `Array.from()` – Barmar May 11 '23 at 17:23

How to convert Object to Array of Objects in AngularJs?

7 Answers7