Parse JSON String in TypeScript

In this tutorial, we will take a JSON string, and parse it to an object in TypeScript.

To parse a JSON string in TypeScript, you can use JSON.parse().

Example 1 – Parse JSON String

In this example, we will take a JSON string and parse it.

example.ts

</>
Copy
let jsonStr: string = '{"name":"TutorialKart", "property":"Website"}'
let jsonObj = JSON.parse(jsonStr)

let name: string = jsonObj.name
let property: string = jsonObj.property

console.log(name)
console.log(property)

Output

TutorialKart
Website

Example 2 – Parse JSON String to TypeScript Class Object

In this example, we will take a JSON string and parse it to a TypeScript class object.

example.ts

</>
Copy
interface Website {
    domain: string;
    extension: number;
}

let jsonStr: string = '{"domain":"TutorialKart", "extension":"com"}'
let myWebsite: Website = JSON.parse(jsonStr)


console.log(myWebsite.domain)
console.log(myWebsite.extension)

The parsed JSON string is loaded to an object of specified TypeScript class. And we can access the properties of class object just like we access the elements of JSON object, using dot operator.

Output

TutorialKart
com

Conclusion

In this TypeScript Tutorial, we learned how to parse a JSON string to a JSON object or to a custom TypeScript class object.