converting JSON object to JS Key/value pairs Array

Question

I have a requirement, where i am having a JSON object which should be converted to Key/value pairs array.

JSON:

Object {id: "1213115", transac_status: "Y", trans_id: "601427"....}

This should be converted to JS array like below: JS Array:

var transData = [{ id: "1213115", transac_status: "Y", trans_id: 601427".... ];

I tried the below script for the conversion.

var transData = $.map(Object , function (e2, e1) {
    return [[e2, e1]];
});

The array has not been converted as expected, Instead it has the following :-

Array[2]
, 
Array[2]
, 
Array[2]
, 
Array[2]

..... etc

You want the whole object to be contained inside an array? or create an array for every key/value? — Moin
– Moin, Commented Dec 12, 2015 at 14:09
This is somewhat confusing, your example seems like just var transData = [Object] ? — adeneo
– adeneo, Commented Dec 12, 2015 at 14:39
@Moin : I want the whole object to be converted as a single array. Not every kery/value as a array. — AzhaguLakshman
– AzhaguLakshman, Commented Dec 14, 2015 at 2:31
Okay. So have you tried doing it like: var obj = [{id: "1213115", transac_status: "Y", trans_id: "601427"}]; Means containing it in square brackets? — Moin
– Moin, Commented Dec 14, 2015 at 8:54
Yes @Moin! Sorry for the confusion. I need to convert JSON to the format exactly as you have mentioned above. It should be a key/Value pair (JS Object) — AzhaguLakshman
– AzhaguLakshman, Commented Dec 14, 2015 at 14:25

Guido Kitzing · Accepted Answer · 2015-12-12 14:38:22Z

1

There is nothing wrong with your code I think. You said, that you want to produce an array with key-value pairs, which you actually do:

Array[2] , Array[2] , Array[2] , Array[2]

This is just the output that console.log produces. If you look closer at your array you'll see, that it actually is:

[["1213115", "id"], ["Y", "transac_status"], ["601427", "trans_id"]]

Thinking about it, you probably might want to switch your key/value pair, like this:

var transData = $.map(Object , function (value, key) {
    return [[key, value]];
});

I renamed the function arguments to make things a little clearer.

Output would be:

[["id", "1213115"], ["transac_status", "Y"], ["trans_id, "601427"]]

Tipp: If you are working in a browser, you can just output the whole array with this line, which gives you a nice table-form output:

console.table(transData);

Is that what you are looking for? Hope that helps.

answered Dec 12, 2015 at 14:30

Guido Kitzing

8925 silver badges15 bronze badges

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

Comments

Tomaltach · Accepted Answer · 2015-12-12 14:09:24Z

0

Assuming Object is a list of objects

var arr = [];

$.map(Object, function(item) {
    arr.push(item);
});

This will push each object into the array;

answered Dec 12, 2015 at 14:09

Tomaltach

9232 gold badges11 silver badges31 bronze badges