How to convert object of array of object to array of object in Javascript

Question

I have object of array of object

{
  "94":[{"Full Name":"Phalla Morn"}],
  "95":[{"Full Name":"Pum Chhenghorng"}],
  "99":[{"Full Name":"Proen Pich"}]
}

I want to convert it to array of object:

[
  {"Full Name":"Phalla Morn"}, 
  {"Full Name":"Pum Chhenghorng"},
  {"Full Name":"Proen Pich"}
]

Please help.

Have you tried doing anything on this? The solution can't be any simpler. — user1496463, Apr 26 '18 at 06:21
I have tried many other things because I don't know how to use ``[].concat(...Object.values(arr))``. This one works for me. thank.s — Lim Socheat, Apr 26 '18 at 06:30

score 7 · Accepted Answer · answered Apr 26 '18 at 06:21

7

Get the internal arrays with Object.values(), and flatten by spreading into Array.concat():

const arr = {"94":[{"Full Name":"Phalla Morn"}],"95":[{"Full Name":"Pum Chhenghorng"}],"99":[{"Full Name":"Proen Pich"}]};
    
const result = [].concat(...Object.values(arr));

console.log(result);

answered Apr 26 '18 at 06:21

Ori Drori

183,571
29
224
209

Except .values is not supported by IE – mplungjan Apr 26 '18 at 06:26
1

We live in the world of Babel and polyfills, and most importantly projects that don't need to support IE. – Ori Drori Apr 26 '18 at 06:29
Lucky you. No IE support. Anyway, I found this more elegant: `var arr = Object.values(obj).map(o => o[0]);` Still voted up – mplungjan Apr 26 '18 at 06:30

score 2 · Answer 2 · answered Apr 26 '18 at 06:22

2

Use Object.values to extract the values from an object, and then use [].concat(... to flatmap:

const input = {
  "94": [{
    "Full Name": "Phalla Morn"
  }],
  "95": [{
    "Full Name": "Pum Chhenghorng"
  }, {
    "Full Name": "example other"
  }],
  "99": [{
    "Full Name": "Proen Pich"
  }]
};
const output = [].concat(...Object.values(input));
console.log(output);

answered Apr 26 '18 at 06:22

CertainPerformance

356,069
52
309
320

Not supported by IE – mplungjan Apr 26 '18 at 06:28
1

Nor is `const` nor `map` nor many other features, but that's what Babel and polyfills are for - best to write clear, concise code and transpile it later. – CertainPerformance Apr 26 '18 at 06:35
1

const, let map etc is supported by IE11 – mplungjan Apr 26 '18 at 07:37
Oh, huh, TIL, thanks. Somehow I had gotten it into my head that 2013-IE11 didn't support any of the ES2015 features – CertainPerformance Apr 26 '18 at 07:42

score 2 · Answer 3 · answered Apr 26 '18 at 06:26

2

You can try the following:

var obj = {
    "94":[{"Full Name":"Phalla Morn"}],
    "95":[{"Full Name":"Pum Chhenghorng"}],
    "99":[{"Full Name":"Proen Pich"}]
    }

var arr = Object.values(obj).map(o => o[0]);
console.log(arr)

answered Apr 26 '18 at 06:26

Mamun

66,969
9
47
59

Very elegant. No IE support without a shim – mplungjan Apr 26 '18 at 06:32
@mplungjan May be OP is working on server side and browser is not an issue. :) – Mohammad Usman Apr 26 '18 at 06:33
true. We should ask – mplungjan Apr 26 '18 at 06:34
This won't work if there is more than one object in the array. – CertainPerformance Apr 26 '18 at 06:36

score 0 · Answer 4 · answered Apr 26 '18 at 06:24

You can use two forEach loops and make sure that if there are multiple objects in array 94 or 95 then that is also taken into account by this dynamic code logic:

let obj = {
  "94":[{"Full Name":"Phalla Morn"}],
  "95":[{"Full Name":"Pum Chhenghorng"}],
  "99":[{"Full Name":"Proen Pich"}]
}; 
let res = [];
Object.keys(obj).forEach((key)=>{
   obj[key].forEach((innerObj)=>{
     res.push(innerObj);
   }); 
});
console.log(res);

Or you can use Object.values together with the spread operator:

let obj = {
  "94":[{"Full Name":"Phalla Morn"}],
  "95":[{"Full Name":"Pum Chhenghorng"}],
  "99":[{"Full Name":"Proen Pich"}]
}; 
let res = [];
Object.keys(obj).forEach((key)=>{
    res.push(...Object.values(obj[key]));
});
console.log(res);

.values is not supported by IE – mplungjan Apr 26 '18 at 06:28 — mplungjan, Apr 26 '18 at 06:28

score 0 · Answer 5 · answered Apr 26 '18 at 06:24

0

Plain JS - since Object.values is not supported by IE at all

var arr = [],
    obj =  {"94":[{"Full Name":"Phalla Morn"}],"95":[{"Full Name":"Pum Chhenghorng"}],"99":[{"Full Name":"Proen Pich"}]};

Object.keys(obj).forEach(function(k) {
  arr.push(obj[k][0])
});
console.log(arr)

answered Apr 26 '18 at 06:24

mplungjan

169,008
28
173
236

What if `obj[k]` has more that one object inside it? We can make the code run dynamically to handle that case too. – Ankit Agarwal Apr 26 '18 at 06:29
Sure. but not part of the spec – mplungjan Apr 26 '18 at 06:34

raihan · Answer 6 · 2018-04-26T07:02:09.317

Try this: it should take care of arrays with multiple objects in its value.

let data = {
      "94": [{
        "Full Name": "Phalla Morn"
      }],
      "95": [{
        "Full Name": "Pum Chhenghorng"
      },{
        "Full Name": "Ryann"
      }],
      "99": [{
        "Full Name": "Proen Pich"
      }]
    };
    
    let obj = [];
    
    Object.keys(data).map(item => {
      data[item].map(item => {
        obj.push(item);
      });
    });
    
    console.log(obj);

How to convert object of array of object to array of object in Javascript

6 Answers6