JavaScript Fundamentals · Working with JSON · Lesson 36 of 48
Parsing JSON with parse
Concept
Parsing JSON with parse
JSON.parse() does the reverse — it turns a JSON string back into a real JavaScript object you can work with, including nested objects and arrays.
Parsing invalid JSON throws a SyntaxError, so real code that parses external data (like an API response) usually wraps JSON.parse in a try/catch.
By the end of this lesson
- Explain the core idea behind Parsing JSON with parse.
- Predict output before running a change.
- Test one realistic and one unusual input.
- Use the result to make the next decision.
How to study this page
- 1. Read one concept.
- 2. Change the example.
- 3. Run, compare, and explain.
- 4. Complete the challenge below.
Syntax
JSON.parse(jsonString)ExampleRunnable
const json = '{"name":"Alex","skills":["JS","CSS"]}';
const data = JSON.parse(json);
console.log(data.name, data.skills[0]);Safely parsing with try/catch
try {
const data = JSON.parse("not valid json");
} catch (error) {
console.log("Invalid JSON received");
}Self-check before continuing
Without looking at the example, describe what changes when you modify one input in Parsing JSON with parse. Then reopen the editor and prove your explanation with a small test.
You are ready to continue when you can predict, test, and explain the result.
Your turn
Parse a JSON string containing a nested array, then log one item from that array.
Loading editor…
Console