Javascript / Json convert data format

Question

I am reading data from a page which looks like this:

{"cars":0,"bikes":"1"}

In order to get the charts working in my page I need to convert it to something like this:

[{"key":"cars","value":0},{"key":"bikes","value":1}]

What would be the best way to convert this data, as this data can increase in size.

This operation can be described as: "turning an object/dictionary into an array/sequence of key-value pairs". It can be done in a number of ways, the most C-forward is with a for..in (over the keys in the object) and Array.push. — user2864740
– user2864740, Commented Jul 5, 2016 at 16:31
Examples: stackoverflow.com/questions/25627889/… , stackoverflow.com/questions/34240678/… , stackoverflow.com/questions/14615669/… (except don't build a string) — user2864740
– user2864740, Commented Jul 5, 2016 at 16:34

Nenad Vracar · Accepted Answer · 2016-07-05 16:34:34Z

2

You can use map() and Object.keys() to do this

var obj = {"cars":0,"bikes":"1"};
var result = Object.keys(obj).map(function(e) {
  return {key: e, value: obj[e]}
});

console.log(result)

answered Jul 5, 2016 at 16:34

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Answer 1