Creating Javascript Object Array from a String REST response

Question

I am unsure if I am trying to achieve the impossible here, javascript is not my strong point.

This is the data structure that I need, in javascript, in order to populate a chart using google-charts:

injuryDistChart.data = [['X', '1', '2', '3', '4', '5', '6'],
  [1, 2, null, null, null, null, null],
  [2, 2, 3, null, null, null, null],
  [3, 2, null, 4, null, 6, null],
  [4, null, null, null, 5, null, null],
  [5, null, null, null, null, 6, null],
  [6, 2, null, null, 5, null, 7],
  [7, 2, null, null, 5, null, 7],
  [8, 2, null, null, 5, null, 7],
  [9, 2, null, null, 5, null, 7],
  [10, 2, null, null, 5, null, 7]
];

The response I am generating from the server is as follows. It is a String NOT a JSON response:

"[['X', '1', '2', '3', '4', '5', '6'],
  [1, 2, null, null, null, null, null],
  [2, 2, 3, null, null, null, null],
  [3, 2, null, 4, null, 6, null],
  [4, null, null, null, 5, null, null],
  [5, null, null, null, null, 6, null],
  [6, 2, null, null, 5, null, 7],
  [7, 2, null, null, 5, null, 7],
  [8, 2, null, null, 5, null, 7],
  [9, 2, null, null, 5, null, 7],
  [10, 2, null, null, 5, null, 7]
]"

Is there a way to transform this String object into the 3-D array, or am I going about this in the wrong way?

Should I rather send back a JSON response, and transform that into the 3-D array I need?

I am using Java RESTful WS, angular and google charts.

Google ALWAYS have JSON API somwhere for given service. So if that is not JSON, then go look for better API its there ;) — przemo_li
– przemo_li, Commented Mar 31, 2014 at 14:50
Just use " instead of ' and this will make a valid JSON. — dfsq
– dfsq, Commented Mar 31, 2014 at 15:05

undefined · Accepted Answer · 2022-11-28 08:30:13Z

1

Ideally sending back JSON is the preferred method. If this isn't possible all you need to do in this instance is convert the single quotes to double quotes to make it valid JSON and then parse it like normal.

const json = str.replaceAll("'", '"');
injuryDistChart.data = JSON.parse(json);

Example:

const json = "[['X', '1', '2', '3', '4', '5', '6'],[1, 2, null, null, null, null, null],[2, 2, 3, null, null, null, null],[3, 2, null, 4, null, 6, null],[4, null, null, null, 5, null, null],[5, null, null, null, null, 6, null],[6, 2, null, null, 5, null, 7],[7, 2, null, null, 5, null, 7],[8, 2, null, null, 5, null, 7],[9, 2, null, null, 5, null, 7],[10, 2, null, null, 5, null, 7]]";
const json2 = json.replaceAll("'", '"');
console.log(JSON.parse(json2))

edited Nov 28, 2022 at 8:30

undefined

1,1401 gold badge15 silver badges26 bronze badges

answered Mar 31, 2014 at 14:55

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

2 Comments

dfsq Over a year ago

replace(/'/g, '"');

CRitchie Over a year ago

So, I changed the single quotes to double quotes, serverside, and then used JSON.parse(), and it all worked

gfish3000 · Accepted Answer · 2014-03-31 14:54:09Z

0

Use JSON.parse() on the string you get back if you can't send back a JSON object from your service to parse the string into a JSON object, but ideally, yes, you should have the response type on your service set to json.

answered Mar 31, 2014 at 14:54

gfish3000

1,5871 gold badge11 silver badges23 bronze badges

1 Comment

CRitchie Over a year ago

I can send JSON back, but I thought that the format I have posted above, was the only format it takes. It looks like google charts does have a JSON api, which is what I need to look at.

undefined · Accepted Answer · 2022-11-26 17:22:31Z

0

const json = "[['X', '1', '2', '3', '4', '5', '6'],[1, 2, null, null, null, null, null],[2, 2, 3, null, null, null, null],[3, 2, null, 4, null, 6, null],[4, null, null, null, 5, null, null],[5, null, null, null, null, 6, null],[6, 2, null, null, 5, null, 7],[7, 2, null, null, 5, null, 7],[8, 2, null, null, 5, null, 7],[9, 2, null, null, 5, null, 7],[10, 2, null, null, 5, null, 7]]"
const json2 = eval(json)
console.log(json2)

edited Nov 26, 2022 at 17:22

undefined

1,1401 gold badge15 silver badges26 bronze badges

answered Nov 18, 2022 at 14:51

pushpendra singh Rawat

11 bronze badge

3 Comments

Adriaan Over a year ago

Please read How to Answer and edit your answer to contain an explanation as to why this code would actually solve the problem at hand. Always remember that you're not only solving the problem, but are also educating the OP and any future readers of this post.

pushpendra singh Rawat Over a year ago

jsfiddle.net/pushpendra_Rawat/oq5ntva6/3

undefined Over a year ago

eval is unsafe. It can easily be exploited by providing a response with malicious code

Collectives™ on Stack Overflow

Creating Javascript Object Array from a String REST response

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related