Parsing JSON

Parse

The JSON.parse() method takes a JSON string as input and constructs the JavaScript value/object described by the string. This allows us to work with the JSON as an object!

const json = '{"title": "Avengers Endgame", "Rating":4.7, "inTheaters":false}';
const obj: Movie = JSON.parse(json);

console.log(obj.title);
// Avengers Endgame

Assignment

It's common for developers to write local tests using mock (or fake) data that looks like real data. Let's ensure that the JSON format that the backend developers at Jello provided to us is valid JSON! It would be a shame to write a bunch of code just to find out the backend has given us the wrong format.

Complete the parseProject function. Use a try/catch block to safely call JSON.parse on the projectString provided. Keep in mind that JSON.parse throws an error if it is given a string that isn't valid JSON.

If you can parse the string successfully, use the printProjectObj function to print the parsed object. If an error was thrown, just log invalid json string to the console.

function parseProject(projectString: string): void {

// ?

}

// don't touch below this line

import { Project } from "./types";

function printProjectObj(parsed: Project) {

console.log(`id: ${parsed.id}`);

console.log(`completed: ${parsed.completed}`);

console.log(`title: ${parsed.title}`);

console.log(`assignees: ${parsed.assignees}`);

}

parseProject(`

{

"completed": false,

"id": "0194fdc2-fa2f-4cc0-81d3-ff12045b73c8",

"title": "Unfidget the widget",

"assignees": 14

}

`);

console.log("---");

parseProject(`

{

"completed":true,

"id":"2f8282cb-e2f9-496f-b144-c0aa4ced56db",

"title":"Re-spaghettify the codebase - things broke",

"assignees": 2

}

`);

console.log("---");