convert string to dynamic array with variables in javascript

Question

How would I take a string (that I got from a page using jQuery's text()) such as:

var myData = "[{name:'xxx',data:[1,2,3,4,5]},{name:'yyy',data:[5,4,3,2,1]}]"; //this is a string :(

And turn it into the actual javascript object that I need, so for example:

var myObject = [{name:'xxx',data:[1,2,3,4,5]},{name:'yyy',data:[5,4,3,2,1]}];

So 'name' and 'data' will be non-dynamic variables, however names value, the data array and the length of myObject will be dynamic.

Not really sure where to start with this one. I am guessing that I will have to do a whole lot of spliting and looping, but I am open to suggestions.

Write a parser, use eval, or change your format to use valid JSON markup instead. — the system
– the system, Commented Mar 14, 2013 at 23:28
You need to JSON-format it and then use a JSON parser. That above is not JSON. — Jared Farrish
– Jared Farrish, Commented Mar 14, 2013 at 23:28

Guffa · Accepted Answer · 2013-03-14 23:31:06Z

2

Well, it can be done very easily:

var myObject = eval(myData);

However, you should be aware of the risks of the eval function. As it runs the value as a Javascript expression, it would also run any harmful code that would be in the string, so you should only use it when you have full control over what's in the string.

If you could change the format to be JSON, you could safely parse it without risks of code injection:

var myData = '[{"name":"xxx","data":[1,2,3,4,5]},{"name":"yyy","data":[5,4,3,2,1]}]';

var myObject = $.parseJSON(myData);

answered Mar 14, 2013 at 23:31

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

1 Comment

Jared Farrish Over a year ago

@knicket, this is the answer. Note, your server-side language would have a means to JSONify a native object or array on the server to a string, so don't be tempted to DIY. PHP, for instance, has json_encode() (and json_decode()). However, you should try to understand what a JSONified string is (and isn't) and how it's functionally different from it's kissing cousin the object literal syntax in Javascript, which is the format of your data in the question (with double quotes wrapped around).

Agustin Meriles · Accepted Answer · 2013-03-14 23:39:14Z

0

You mean,

var myObject = eval('(' + myData + ')');

?

EDIT

Its major con is that you can put any javascript code (not only JSON) to eval (Chrome's F12 lets anyone to exploit this). AS you are using jQuery, best choice will be

var myObject = $.parseJSON(myData);

for cross browser compatibility.

$.parseJSON

Takes a well-formed JSON string and returns the resulting JavaScript object. Passing in a malformed JSON string may result in an exception being thrown. For example, the following are all malformed JSON strings:

{test: 1} (test does not have double quotes around it).

{'test': 1} ('test' is using single quotes instead of double quotes).

edited Mar 14, 2013 at 23:39

answered Mar 14, 2013 at 23:28

Agustin Meriles

4,8603 gold badges32 silver badges45 bronze badges

1 Comment

the system Over a year ago

Valid solution, but usually a good idea to give the proper warnings when suggesting eval. (In fact, given the code in the question, this was the only correct solution until @Guffa's.)

Collectives™ on Stack Overflow

convert string to dynamic array with variables in javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related