Parse JSON Array Response

Question

I am recieving a JSON response back from an API which isnt in the right format to be parsed.

I have tried to add the missing key at the start and it won't allow it.

[
  {
    "deviceId": "9092eab10f4",
    "name": "temperature",
    "timestamp": "2017-06-13T13:19:59.673Z",
    "value": 21.5
  },
  {
    "deviceId": "9092eab10f4",
    "name": "temperature",
    "timestamp": "2017-06-13T13:19:59.673Z",
    "value": 21.5
  }
]

I would like this to have the missing key and additional curly bracket like so:

{
  "data": [
  {
    "deviceId": "9092eab10f4",
    "name": "temperature",
    "timestamp": "2017-06-13T13:19:59.673Z",
    "value": 21.5
  },
  {
    "deviceId": "9092eab10f4",
    "name": "temperature",
    "timestamp": "2017-06-13T13:19:59.673Z",
    "value": 21.5
  }
  ]
}

There is no such thing as a JSON Array - JSON is always a string — Mulan
– Mulan, Commented Jul 8, 2019 at 16:14
If you are calling the API using ajax , then just add dataType:"json" in ajax parameters , then the output of API would be automatically parsed json. — shashikant kuswaha
– shashikant kuswaha, Commented Jul 8, 2019 at 16:15
are you getting this error message - "Unexpected token [ in JSON at position #"? — Tarang Dave
– Tarang Dave, Commented Jul 8, 2019 at 16:31

Tarang Dave · Accepted Answer · 2019-07-08 16:41:52Z

1

I'm not sure if the response you're getting is a string or an object.

Here's a fiddle that considers both scenarios and logs your expected output to the console.

https://jsfiddle.net/6yu9ngf5/2/

I've used JSON.parse(<string>) for the case where the response is string.

For other case I just added data key to your response.

answered Jul 8, 2019 at 16:41

Tarang Dave

3312 silver badges11 bronze badges

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

5 Comments

Get Off My Lawn Over a year ago

The response would be a string. A server cannot send back a JavaScript object.

Tarang Dave Over a year ago

@GetOffMyLawn, I agree, but the question says response is in JSON with invalid format. for an array enclosed in string JSON.parse seems like the best way to solve the issue. else need more info on the same.

yellamo Over a year ago

So I tried using JSON.parse and it comes back with unexpected token error. Ultimately I want to get the data into an array and then process each value in a loop.

Tarang Dave Over a year ago

@yellamo so as shown in the fiddle, is it the same response you getting as mentioned in the part 1?

Tarang Dave Over a year ago

@yellamo instead of using JSON.parse(), can you try the part 2 of my fiddle, stackoverflow.com/questions/14432165/… - a similar case

4m1r · Accepted Answer · 2019-07-08 16:14:37Z

0

Simple object assign?

const properResponse = Object.assign({}, {data: [response.json()]});

...assuming response is fetch, or similar with a json method which returns the response object.

edited Jul 8, 2019 at 16:14

answered Jul 8, 2019 at 16:13

4m1r

12.6k10 gold badges48 silver badges59 bronze badges

2 Comments

Get Off My Lawn Over a year ago

Why not just let val = {data: await response.json()}. it's already an array. Object.assign() seems like overkill.

4m1r Over a year ago

I think that was implied. But yes, also why i didn't use async, which may potentially confuse OP.

Collectives™ on Stack Overflow

Parse JSON Array Response

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related