Converting a JSON object into JS array

Question

This is what I get as a jQuery response from Wordpress database after json_encode:

[{ "id" : "33", "first_name" : "Oleg", "last_name" : "Smith" }]

Because it is multi-dimensional in nature, but there is just one row, hence you have square brackets on both ends.

Therefore ALL methods I found on SO when trying to parse and then convert to a JS array fail, e.g.

for(var x in parsed){
    arr.push(parsed[x]);
}

OR

var arr = $.map(obj, function(el) { return el; });

OR

var arr = Object.keys(obj).map(function(k) { return obj[k] });

OR

for(var i in JsonObj) {
    if(JsonObj.hasOwnProperty(i) && !isNaN(+i)) {
        array[+i] = JsonObj[i];
    }
}

I can manually remove square brackets and proceed OR I can push manually each item:

aaData.push(searchObj[0].first_name);

But I don't like either of the solutions I have. Do I have other options?

PS. I need a JS array so that I can loop through with [i].

After you parse and try to convert to a JS array it is stil an object, not an array. I tried many times, it only works when you remove square brackets. — Vegan Sv
– Vegan Sv, Commented Aug 8, 2015 at 20:42
@vegan-sv, do you want to loop through values? That is, you want to push values 33,Oleg,Smoth to aaData? — Vitaliy Tsvayer
– Vitaliy Tsvayer, Commented Aug 8, 2015 at 20:43
@VitaliyTsvayer yes. I can push manually, but I don't like it. — Vegan Sv
– Vegan Sv, Commented Aug 8, 2015 at 20:44
I'm confused - are you trying to loop through this object: { "id" : "33", "first_name" : "Oleg", "last_name" : "Smith" }. If so, can't you access the object as response[0] and then use a for in loop? — Adam Zerner
– Adam Zerner, Commented Aug 8, 2015 at 20:46
I mean I don't want to loop like this searchObj[0].first_name, I want to loop like this searchObj [ i ] because it is just one row. — Vegan Sv
– Vegan Sv, Commented Aug 8, 2015 at 20:47

Vitaliy Tsvayer · Accepted Answer · 2015-08-08 20:47:44Z

2

You can do the following to push all values to aaData array:

var parsed = [{ "id" : "33", "first_name" : "Oleg", "last_name" : "Smith" }];
var aaData = [];
for(key in parsed[0]) { aaData.push(parsed[0][key]); }

So, now you have "33", "Oleg", "Smith" in aaData, which you can access by index:

aaData[0] will give you 33
aaData[1] will give you Oleg, etc

answered Aug 8, 2015 at 20:47

Vitaliy Tsvayer

7734 silver badges14 bronze badges

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

1 Comment

Vegan Sv Over a year ago

Yes! That's exactly what I wanted. Thank you

Maximillian Laumeister · Accepted Answer · 2015-08-08 20:48:55Z

1

It sounds like you want to be able to handle the case where there is more than one element in the searchObj array. In that case you can loop through all elements of the array and push each of them:

for (var i = 0; i < searchObj.length; i++) {
    aaData.push(searchObj[i].first_name);
}

When there is only one element, only that one element will be pushed.

answered Aug 8, 2015 at 20:48

Maximillian Laumeister

20.5k10 gold badges62 silver badges84 bronze badges

Comments

user3724182 · Accepted Answer · 2015-08-08 20:52:12Z

1

You can parse the JSON and then loop through the data, inserting each item into your collection array like such:

var parsedData = JSON.parse(responseData);

parsedData.forEach(function (item) {
    arrayCollection.push(item);
}

This one will work on older browsers too:

var parsedData = $.parseJSON(responseData);

$.each(parsedData, function (index, item) {
    arrayCollection.push(item);
}

answered Aug 8, 2015 at 20:52

user3724182

Collectives™ on Stack Overflow

Converting a JSON object into JS array

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related