0 Tage Serie
javascript / beginner
Snippet

Sicheres Parsen von JSON-Zeichenketten mit Try-Catch-Blöcken

Die Funktion JSON.parse() wandelt serialisierte JSON-Zeichenketten in strukturierte JavaScript-Objekte um. Bei ungültiger Syntax wird ein Laufzeitfehler ausgelöst; das Einkapseln in einen try...catch-Block fängt den Fehler sicher ab und ermöglicht Fallback-Zustände, ohne dass die Anwendung abstürzt.

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
Erklärung
1
try { parsedUser = JSON.parse(jsonString); ... }
Versucht, die Eingabezeichenkette in ein JavaScript-Objekt zu parsen.
2
} catch (err) { parsingError = '...'; }
Fängt etwaige SyntaxError beim Parsen ab und speichert die Fehlermeldung sicher.
3
{#if parsingError} ... {:else if parsedUser}
Rendert die Benutzeroberfläche bedingt, je nachdem, ob das Parsen erfolgreich war.