parse json response to typescript class

Question

i know there are multiple similar topics, however trying their solutions doesn't give me expected result.

Input json string

data:"{"message": "{\"type\":\"CONTROL\",\"command\":\"REQUEST_STATUS_ALL\"}"}"

object declaration/parse:

const msg: Message = <Message>JSON.parse(data.data);

output:

{message: "{"type":"CONTROL","command":"REQUEST_STATUS_ALL"}"}

-values are not properly assigned, but instead in a text form.

the same object looks like this if it's initialized manually(in TS):

Message {type: "CONTROL", status: undefined, command: "REQUEST_STATUS_ALL", body: undefined}

What is the correct way to parse that json string into the Message object?

Thank you!

Possible duplicate of JSON.parse converting to a string instead of passing into array — Heretic Monkey
– Heretic Monkey, Commented Jun 15, 2018 at 20:01

Daniel Gimenez · Accepted Answer · 2018-06-15 19:55:42Z

1

It seems the value for message was improperly encoded as a string. Calling JSON.parse a second time on the message property will get the result you want, though you might want to fix the underlying cause of the improperly encoded data instead.

parseMessage(data: string) {
   const msgTemp = JSON.parse(data);
   msgTemp.message = JSON.parse(msgTemp.message);
   return <Message>msgTemp;
}

const msg = parseMessage(data.data);

answered Jun 15, 2018 at 19:55

Daniel Gimenez

21.1k4 gold badges60 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

parse json response to typescript class

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related