How to convert a JSON object to array of arrays

Question

In my application I am getting a json result from the controller, which I want to turn to array of arrays in the frontend, so I can work with the google charts api.

Currently I am using a $.parseJSON(result) on the string I am getting, so in the end i get this in the console :

And what i'd like to get is :

Here is the initial json string, which i get before the parseJSON part :

[{"rolename":"some role","perc":45.5},{"rolename":"another role","perc":36.4},{"rolename":"role three","perc":9.1},{"rolename":"role four","perc":9.1}]

Any tips on how can i achieve that?

Post actual data here

Nenad Vracar
– Nenad Vracar

2017-02-05 15:47:58 +00:00
Commented Feb 5, 2017 at 15:47 — Nenad Vracar
– Nenad Vracar, Commented Feb 5, 2017 at 15:47
I edited my question.

Robert Ross
– Robert Ross

2017-02-05 15:50:03 +00:00
Commented Feb 5, 2017 at 15:50 — Robert Ross
– Robert Ross, Commented Feb 5, 2017 at 15:50

ibrahim mahrir · Accepted Answer · 2017-02-05 17:15:10Z

4

ES6 ( quite new cool stuff ):

var json=[{"rolename":"some role","perc":45.5},{"rolename":"another role","perc":36.4},{"rolename":"role three","perc":9.1},{"rolename":"role four","perc":9.1}];

var answer=json.map(el=>Object.values(el));

Working: http://jsbin.com/pejucoriqu/edit?console

ES5 ( compatible with a lot browsers):

var answer=json.map(function(el){
  var arr=[];
  for(var key in el){
    arr.push(el[key]);
  }
  return arr;
});

Youve got an array of objects, And you want an array of arrays. So take each element and map it with the values of the object.

edited Feb 5, 2017 at 17:15

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

answered Feb 5, 2017 at 15:54

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

Comments

Nenad Vracar · Accepted Answer · 2017-02-05 15:58:26Z

1

You can use map to change objects to arrays and also Object.keys and map to return only object values.

var data = [{"rolename":"some role","perc":45.5},{"rolename":"another role","perc":36.4},{"rolename":"role three","perc":9.1},{"rolename":"role four","perc":9.1}]

var result = data.map(function(e) {
  return Object.keys(e).map(function(k) {
    return e[k]
  })
})
console.log(result)

Or with ES6 you can use arrow functions like this

var result = data.map(e => Object.keys(e).map(k => e[k]))

answered Feb 5, 2017 at 15:58

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Collectives™ on Stack Overflow

How to convert a JSON object to array of arrays

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related