javascript / beginner
Snippet
Safely Parsing JSON Strings with Try Catch Blocks
The JSON.parse() function converts serialized JSON strings into structured JavaScript objects. If the string has invalid syntax, it immediately throws a runtime exception; encapsulating the parsing logic inside a try...catch block catches the error gracefully and allows you to set fallback states without crashing the application.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>let rawPayload = '{"username": "codemaster", "score": 120}';let parsedUser = null;let parsingError = null;function loadPayload(jsonString) {try {parsedUser = JSON.parse(jsonString);parsingError = null;} catch (err) {parsedUser = null;parsingError = 'Failed to parse JSON: ' + err.message;}}loadPayload(rawPayload);</script>{#if parsingError}<p class="error-banner">{parsingError}</p>{:else if parsedUser}<p>User: {parsedUser.username} | Score: {parsedUser.score}</p>{/if}
svelte
Breakdown
1
try { parsedUser = JSON.parse(jsonString); ... }
Attempts to parse the input string into a JavaScript object.
2
} catch (err) { parsingError = '...'; }
Catches any SyntaxError during parsing and captures the error message safely.
3
{#if parsingError} ... {:else if parsedUser}
Renders UI conditionally depending on whether parsing succeeded or failed.