How to convert an object of key values to an array of objects [duplicate]

Question

I want to convert an object of key values to an array of objects in javascript

var obj={"name1":"value1","name2":"value2",...};

How can i convert it to

arr=[{"name":"name1","value":"value1"},{"name":"name2","value":"value2"},...];

prasanth · Accepted Answer · 2017-04-26 08:23:31Z

1

Try with array#map and Array#push

var obj={"name1":"value1","name2":"value2"};
var res=[];
Object.keys(obj).map(a => res.push({name:a , value:obj[a]}))
console.log(res)

answered Apr 26, 2017 at 8:23

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

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

Comments

Samuli Hakoniemi · Accepted Answer · 2017-04-26 08:23:00Z

0

Short answer (ES6):

const arr = Object.entries(obj).map(([name, value]) => {
  return {
    name,
    value
  }
});

Another answer (ES5):

var arr = Object.keys(obj).map(function(key) {
  return {
    name: key,
    value: obj[key]
  }
});

answered Apr 26, 2017 at 8:18

Samuli Hakoniemi

19.1k1 gold badge64 silver badges79 bronze badges

Don't use Object.entries as it is not ES6 but still only a draft.

Object.entries is ECMAScript 2018 (as str says, still a draft). By "ES6" I guess you mean ECMAScript 2015 aka ECMA–262 ed 6.

Thanks for the clarification. I won't edit the post to keep your comments valid.