Convert javascript object to array of individual objects

Question

I have the following object:

{English: 4, Math: 5, CompSci: 6}

How can I convert it to an array of objects, like:

[{English: 4}, {Math: 5}, {CompSci: 6}]

Can't find the answer anywhere. Thanks!!

Show us what you've tried, some problems you're facing (specific ones) and we'll gladly help. — Andrew Li, Jun 10 '16 at 05:00
To add what @AndrewL is saying, you need to show us that you actually tried something first. Show us your code that failed, and we will help you figure out why it failed and how to solve your problem. — amallard, Jun 10 '16 at 05:03
Why do you want to do that? Also, this is pretty much a duplicate of [convert object to array of objects](http://stackoverflow.com/q/6586189/218196). — Felix Kling, Jun 10 '16 at 05:07
More sensible/useful structure of `object` would be `{subject:SUBJECT_NAME, code:SUBJECT_CODE}` — Rayon, Jun 10 '16 at 05:12

Rayon · Answer 1 · 2016-06-10T05:08:42.127

11

Use Array#forEach over Object.keys(YOUR_OBJECT)

var input = {
  English: 4,
  Math: 5,
  CompSci: 6
};
var op = [];
Object.keys(input).forEach(function(key) {
  var obj = {};
  obj[key] = input[key];
  op.push(obj); //push newly created object in `op`array
});
console.log(op);

edited Jun 10 '16 at 05:08

answered Jun 10 '16 at 05:03

Rayon

35,420
4
45
69

1

Great answer, just don't like the fact that the asker is asking for someone to spoon-feed them. – Andrew Li Jun 10 '16 at 05:05
Thanks Rayon. Spent 3 hours last night and the best I could do was make nested arrays. Cheers! – dc0087 Jun 10 '16 at 15:02

score 6 · Answer 2 · answered Aug 13 '18 at 07:09

6

With newer JS, you could take Object.entries and map single properties.

var object = { English: 4, Math: 5, CompSci: 6 },
    array = Object.entries(object).map(([k, v]) => ({ [k]: v }));

console.log(array);

answered Aug 13 '18 at 07:09

Nina Scholz

351,820
24
303
358

score 2 · Answer 3 · answered Jun 10 '16 at 05:04

Just loop over each of the keys in the object.

var oldObject = {English: 4, Math: 5, CompSci: 6};
var newArray = [];

// Loop over each key in the object
for (var key in oldObject) {
    // Create a temp object
    var temp = {};
    
    // Set the key of temp
    temp[key] = oldObject[key]

    // Push it to the array
    newArray.push(temp);
}

console.log(newArray)

David Jaw Hpan · Answer 4 · 2016-06-10T06:12:53.873

0

you can directly assign object by {} but you must use [] quote for key value if not that will not worked

 var obj = {English: 4, Math: 5, CompSci: 6};
 var n_obj = [];
 for(var i in obj){
    n_obj.push({[i]:obj[i]});
 }
 console.log(n_obj);

edited Jun 10 '16 at 06:12

answered Jun 10 '16 at 05:36

David Jaw Hpan

4,511
3
24
50

score -1 · Answer 5 · answered Jun 10 '16 at 06:06

You can use JSON.stringify(), String.prototype.match() with RegExp /".*"\:.*(?=,|})/, String.prototype.split() with RegExp /,/, Array.prototype.join() with parameter "},{", JSON.parse()

var obj = {English: 4, Math: 5, CompSci: 6};
var res = JSON.parse("[{" 
          + JSON.stringify(obj)
            .match(/".*"\:.*(?=,|})/g)[0]
            .split(/,/)
            .join("},{") 
          + "}]");
console.log(res);

Convert javascript object to array of individual objects

5 Answers5

Linked

Related