In Typescript, how do I parse a String into an array of Objects?

Question

I am html scraping a string that is formatted as follows (shortened for brevity):

"[{'name': 'Roddy Ricch', 
'type': 'event', 
'id': 'Z7r9jZ1Ae-Fuw', 
'url': 'http://www.ticketsnow.com/InventoryBrowse/TicketList.aspx?PID=2848372', 
'images': [
    {'ratio': '3_2',
     'source': '6.0', 
........."

with multiple levels of arrays and objects. I would like to operate on the actual objects the string is meant to represent rather than 1 String Object.

How to I turn this string into the actual objects it is meant to represent in TypeScript?

https://stackoverflow.com/questions/29758765/json-to-typescript-class-instance — A Farmanbar, Jan 04 '20 at 01:43
[`JSON.parse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) — brietsparks, Jan 04 '20 at 07:35

score 0 · Answer 1 · answered Jan 04 '20 at 10:24

This will need a code generation step because when the compiler type checks your code, it doesn't have information about the structure of the object which is being obtained at runtime.

You can extract some sample json, and use a code generator like json-to-ts to infer the types of this json. You can save the inferred types in a ts file and cast the return value of JSON.parse to that type.

In Typescript, how do I parse a String into an array of Objects?

1 Answers1