Format javascript object

Question

I have the following object that looks as follows:

{A: 52, B: 33}

And I need to convert it to the following:

["A", 52], ["B", 33]

How would one go by doing this?

• Thriggle: To be clear, do you want it to be converted to a string in the provided format?
• talves: Do you want an Array of Arrays [["A", 52], ["B", 33]] ? Can you explain why you want to convert to this format?
• user2536680: @talves that's exactly what I need. I need it for use in a highchart.

Answer 1

This is pretty simple, but might required checking for hasOwnProperty and such:

var result = [];
for (key in obj) {
 result.push([key, obj[key]]);
}

• Yogi: This is certainly the most elegant answer. Since the question wasn't tagged jQuery, a simple 50 byte solution wins over a 83095 byte framework.

Answer 2

try this if you are using jquery:

 var obj = {'value1': 'prop1', 'value2': 'prop2', 'value3': 'prop3'};
var array=[];
$.map(obj, function(value, index) {
 array.push([index, value]);
});
alert(JSON.stringify(array));

var obj = {'value1': 'prop1', 'value2': 'prop2', 'value3': 'prop3'};
var array=[];
$.map(obj, function(value, index) {
 array.push([index, value]);
});
alert(JSON.stringify(array));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

• Mulan: Where does this question say jQuery can be used?

Answer 3

The current way to do this is with Object.entries -

const a = {"A": 52, "B": 33}
console.log(Object.entries(a))
// [ [ "A", 52 ], [ "B", 33 ] ]

Here's an older way using Array.prototype.reduce -

var a = {"A": 52, "B": 33};
var b = Object.keys(a).reduce(function(xs, x) {
 return xs.concat([[x, a[x]]]);
}, []);
// => [["A", 52], ["B", 33]]