Convert array of JSON object strings to array of JS objects

Question

I would like to convert an array of JSON String to array of JSON object without looping through each item and parse it using JSON.parse.

Example:

var s=[
  '{"Select":"11", "PhotoCount":"12"}',
  '{"Select":"21", "PhotoCount":"22"}',
  '{"Select":"31", "PhotoCount":"32"}'];

Please confirm that you actually have a JavaScript array of JavaScript objects (as you typed in your question). If so, please explain what you want (since the title of your question is entirely misleading if this is the case). — Phrogz
– Phrogz, Commented Apr 27, 2012 at 19:07
I've edited your question to match what you just said. Please ensure that you have used the correct terminology, that what you see in the question now matches what you have. — Phrogz
– Phrogz, Commented Apr 27, 2012 at 19:38

Phrogz · Accepted Answer · 2012-04-27 20:01:58Z

54

If you have a JS array of JSON objects:

var s=['{"Select":"11","PhotoCount":"12"}','{"Select":"21","PhotoCount":"22"}'];

and you want an array of objects:

// JavaScript array of JavaScript objects
var objs = s.map(JSON.parse);

// ...or for older browsers
var objs=[];
for (var i=s.length;i--;) objs[i]=JSON.parse(s[i]);

// ...or for maximum speed:
var objs = JSON.parse('['+s.join(',')+']');

See the speed tests for browser comparisons.

If you have a single JSON string representing an array of objects:

var s='[{"Select":"11","PhotoCount":"12"},{"Select":"21","PhotoCount":"22"}]';

and you want an array of objects:

// JavaScript array of JavaScript objects
var objs = JSON.parse(s);

If you have an array of objects:

// A JavaScript array of JavaScript objects
var s = [{"Select":"11", "PhotoCount":"12"},{"Select":"21", "PhotoCount":"22"}];

…and you want JSON representation for it, then:

// JSON string representing an array of objects
var json = JSON.stringify(s);

…or if you want a JavaScript array of JSON strings, then:

// JavaScript array of strings (that are each a JSON object)
var jsons = s.map(JSON.stringify);

// ...or for older browsers
var jsons=[];
for (var i=s.length;i--;) jsons[i]=JSON.stringify(s[i]);

edited Apr 27, 2012 at 20:01

answered Apr 27, 2012 at 19:01

Phrogz

304k115 gold badges669 silver badges758 bronze badges

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

8 Comments

user1106925 Over a year ago

Or var objs = s.map(JSON.parse); for your first example.

Phrogz Over a year ago

@AlaaOsta Read again what I am supposing your data is. It is not clear what data you really have and what data you really want.

Alaa Osta Over a year ago

@amnotiam var objs = s.map(JSON.parse);No this won't work in IE8

Phrogz Over a year ago

You need IE8 support? Then instead use: var objs = []; for (var i=s.length;i--;) objs[i] = JSON.parse(s[i]);; see my edits

Alaa Osta Over a year ago

@Phrogz: I would do it from the beginning, I exposed this in my question that I dont wanna use this way because I have a huge data

|

KBN · Accepted Answer · 2020-04-30 11:24:53Z

7

var json = jQuery.parseJSON(s); //If you have jQuery.

Since the comment looks cluttered, please use the parse function after enclosing those square brackets inside the quotes.

var s=['{"Select":"11","PhotoCount":"12"}','{"Select":"21","PhotoCount":"22"}'];

Change the above code to

var s='[{"Select":"11","PhotoCount":"12"},{"Select":"21","PhotoCount":"22"}]';

Eg:

$(document).ready(function() {
    var s= '[{"Select":"11","PhotoCount":"12"},{"Select":"21","PhotoCount":"22"}]';

    s = jQuery.parseJSON(s);

    alert( s[0]["Select"] );
});

And then use the parse function. It'll surely work.

EDIT :Extremely sorry that I gave the wrong function name. it's jQuery.parseJSON

Jquery

The json api

Edit (30 April 2020):

Editing since I got an upvote for this answer. There's a browser native function available instead of JQuery (for nonJQuery users), JSON.parse("<json string here>")

edited Apr 30, 2020 at 11:24

answered Apr 27, 2012 at 19:01

KBN

2,98418 silver badges28 bronze badges

4 Comments

Alaa Osta Over a year ago

what is the plugin or the js file for it?

user400654 Over a year ago

Can you also include a link to the json_encode jQuery plugin? It definitely isn't a core method.

user400654 Over a year ago

jQuery does however provide a jQuery.parseJSON() method.

KBN Over a year ago

var s=['{"Select":"11","PhotoCount":"12"}','{"Select":"21","PhotoCount":"22"}']; Try changing that to : var s='[{"Select":"11","PhotoCount":"12"}','{"Select":"21","PhotoCount":"22"}]'; and then use the parse function.

Ry- · Accepted Answer · 2012-04-27 19:08:42Z

0

If you really have:

var s = ['{"Select":"11", "PhotoCount":"12"}','{"Select":"21", "PhotoCount":"22"}'];

then simply:

var objs = $.map(s, $.parseJSON);

Here's a demo.

edited Apr 27, 2012 at 19:08

answered Apr 27, 2012 at 19:03

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

4 Comments

Ry- Over a year ago

@AlaaOsta: Sorry, I forgot the s, . Try again.

Ry- Over a year ago

@AlaaOsta: Please note that it won't work on IE 8 or earlier, though.

Alaa Osta Over a year ago

let us continue this discussion in chat

Ry- Over a year ago

@AlaaOsta: I meant the top-voted solution will not work in IE 8. This one will, as well as the other one by xFourtyFourx.

Collectives™ on Stack Overflow

Convert array of JSON object strings to array of JS objects

3 Answers 3

8 Comments

4 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related