JSON to object array format

Question

I want to display like convert JSON data to array objects how can solve this problem using jquery or js? JSON data :

[{
  "new": 122,
  "old": 3389,
  "boarding": 1,
  "aws": 10,
  "azure": 12,
  "cli": 41
}];

To array object:

[
  ["new", 122],
  ["old", 3389],
  ["boarding", 1]
]

one more pattern I need it I have an array like this in Ruby

to convert into add as key entry static

[
["new",37],
["old",3],
["boarding",1]
["aws",0]
["azure",1457]
]

Did you deliberately omit "aws":10,"azure":12,"cli":41 from your desired output? — vahdet
– vahdet, Commented Jun 27, 2018 at 19:23
Will the input array always have exactly one item (the object)? If not, what would the output look like with for several objects? — Jordan Running
– Jordan Running, Commented Jun 27, 2018 at 19:34

Rory McCrossan · Accepted Answer · 2018-06-27 19:24:40Z

4

Firstly note that you do not need jQuery at all for this. jQuery is primarily a tool for amending the DOM. To work with data structures like this native JS is all you need.

To achieve what you require, you can use Object.keys() to get the keys of the 0th object in your original array, then you can loop over them using map() to build a new 2 dimensional array from that data:

var originalArr = [{
  "new": 122,
  "old": 3389,
  "boarding": 1,
  "aws": 10,
  "azure": 12,
  "cli": 41
}];

var newArr = Object.keys(originalArr[0]).map(function(key) {
  return [key, originalArr[0][key]];
});

console.log(newArr);

answered Jun 27, 2018 at 19:24

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

cmichaelsd · Accepted Answer · 2018-06-27 19:31:56Z

1

Its simple enough. Just enter the array into Object.entries(). like this Object.entries(originalArr[0])

answered Jun 27, 2018 at 19:31

cmichaelsd

238 bronze badges

1 Comment

Rory McCrossan Over a year ago

Not sure why this was downvoted. In an ideal world it's a great solution, the issue is it's completely unsupported in any version of IE

Leonid Pyrlia · Accepted Answer · 2018-06-27 20:18:18Z

1

A simple one-line alternative:

const data = [{
  "new": 122,
  "old": 3389,
  "boarding": 1,
  "aws": 10,
  "azure": 12,
  "cli": 41
}];

const result = Object.keys(data[0]).map(k => ([k, data[0][k]]));

console.log(result);

answered Jun 27, 2018 at 20:18

Leonid Pyrlia

1,7322 gold badges12 silver badges16 bronze badges

Collectives™ on Stack Overflow

JSON to object array format

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related