Converting JSON to an array

Question

I have a variable that contains the following JSON string:

{
    "0" : "Jun 20, 2012 03:02 PM",
    "1" : "Jun 20, 2012 03:26 PM",
    "2" : "Jun 21, 2012 01:12 PM",
    "3" : "Jun 21, 2012 01:25 PM",
    "4" : "Jun 21, 2012 02:42 PM",
    "5" : "Jun 21, 2012 02:43 PM",
    "6" : "NULL"
}

I wish to convert this JSON to an array in javascript such that array[0] has "Jun 20, 2012 03:02 PM" array[1] has "Jun 20, 2012 03:26 PM" and so on.

Why bother reassigning it? As an object, you can already access it via syntax like object[0] (unless you need array iteration using .length) — Michael Berkowski
– Michael Berkowski, Commented Jun 21, 2012 at 23:30
@Michael because objects have a specific purpose as a data structure, as do arrays. In this case I'd say an array makes much more semantic sense. Granted, if it comes at a performance cost, who knows. — Cecchi
– Cecchi, Commented Jun 21, 2012 at 23:32
Not to be a wiener but this is an object, not a JSON object. — iambriansreed
– iambriansreed, Commented Jun 21, 2012 at 23:33
If you are in control of the code that produces this object, (if it is supplied by an API or whatever) can you encode it as an array in the first place? — Michael Berkowski
– Michael Berkowski, Commented Jun 21, 2012 at 23:34

Cameron Martin · Accepted Answer · 2012-06-22 00:52:02Z

5

You must parse your JSON string into a javascript object first.

JavaScript

var object = JSON.parse(JSONString);

To polyfill browsers without JSON support: http://bestiejs.github.com/json3/

Then, convert that object to an array:

JavaScript

var arr = [];
for(var i in object) {
    if(object.hasOwnProperty(i)) {
        arr.push(object[i]);
    }
}

jQuery

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

Fiddle: http://jsfiddle.net/iambriansreed/MD3pF/

Note: Since the original poster did not mention jQuery it is worth mentioning that loading jQuery for only these instances isn't worthwhile, and you would be better off using the pure JavaScript if you aren't already using jQuery.

edited Jun 22, 2012 at 0:52

answered Jun 21, 2012 at 23:30

Cameron Martin

6,0102 gold badges45 silver badges55 bronze badges

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

14 Comments

Cameron Martin Over a year ago

No problem, one full answer is better than two partial answers ;)

Dave Newton Over a year ago

Not so sure about that $.makeArray idea--it doesn't really give you the array access I think the OP is looking for.

user1106925 Over a year ago

@iambriansreed: Seriously, you're hijacking answers to post unsolicited jQuery solutions? That's really poor.

Cameron Martin Over a year ago

He might be already using it. And theres a pure javascript version too. Additional information never hurts.

Dave Newton Over a year ago

@ddlshack I have to agree with amnotiam--it's weird to edit someone else's on-topic answer to add a jQuery answer, IMO. Not that it matters, really.

|

Wyatt Anderson · Accepted Answer · 2012-06-21 23:35:04Z

2

Alternatively, if you're targeting ES5 and above:

// myObject = { '0': 'a', '1': 'b' };
var myArray = Object.keys(myObject).map(function(key) { return myObject[key]; });
// myArray = [ 'a', 'b' ];

answered Jun 21, 2012 at 23:35

Wyatt Anderson

9,9331 gold badge24 silver badges25 bronze badges

Comments

CodeMonkey · Accepted Answer · 2012-06-22 00:00:52Z

0

var currentVersion = {/literal} {$displayedVersion} {literal}; var jsonObj = eval('(' + {/literal}{$json}{literal} + ')');

answered Jun 22, 2012 at 0:00

CodeMonkey

2,3059 gold badges50 silver badges97 bronze badges

2 Comments

Dave Newton Over a year ago

I find this answer confusing; can you clarify or elaborate?

CodeMonkey Over a year ago

i was not creating JSONObject in Javascript. I was simply trying to access the JSON .. instead i was trying to access JSON String

Collectives™ on Stack Overflow

Converting JSON to an array

3 Answers 3

14 Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

14 Comments

Comments

2 Comments

Related