JSON Formatter Online — Gratis guide för utvecklare 2026
31 maj 2026 · 6 min läsning · Öppna JSON Formatter →
JSON är grundstommen i modern webbutveckling. Oavsett om du arbetar med REST-API:er, GraphQL, Kubernetes-konfigurationer eller svar från AI-tjänster som ChatGPT eller Claude — JSON finns överallt. Men rå, minifierad JSON är svår att läsa. Den här guiden visar dig hur du formaterar JSON snabbt och effektivt.
Vad formatering faktiskt ändrar — och inte: en formatterare rör bara blanksteg; enligt RFC 8259 förblir datan semantiskt identisk. Mer användbart än försköning är validering. ToolPry-formatteraren parsar med JSON.parse() direkt i webbläsaren och markerar den första regelöverträdelsen — ofta ett tecken före positionen som den inbyggda parsern anger. Inget laddas upp.
Vad är en JSON Formatter?
En JSON Formatter (även kallad JSON Beautifier eller JSON Pretty Printer) tar kompakt, svårläst JSON-kod och formaterar den med indragningar, radbrytningar och syntaxmarkering. Resultatet är semantiskt identiskt — bara whitespace-tecknen förändras.
Minifierad JSON från en API-respons:
{"namn":"Svensson","ålder":32,"roller":["admin","redaktör"],"aktiv":true}
Gäller JSON enligt RFC 8259; JSON.parse beter sig likadant i moderna webbläsare och Node.js.
Efter formatering med 2 mellanslagsindragninga:
{
"namn": "Svensson",
"ålder": 32,
"roller": [
"admin",
"redaktör"
],
"aktiv": true
}
Formatera JSON online — utan installation
Den snabbaste lösningen är att använda ett online-verktyg. Vi rekommenderar ToolPry JSON Formatter eftersom all bearbetning sker i din webbläsare — ingenting skickas till en server. Det är viktigt när du debuggar API-svar som kan innehålla känslig data.
GDPR-anmärkning: Många JSON-formateringstjänster skickar din data till deras servrar. Eftersom API-svar ofta kan innehålla personuppgifter (användarnamn, e-postadresser, etc.) är det viktigt att välja ett verktyg som behandlar data lokalt.
Formatera JSON i terminalen
jq är standardverktyget för JSON i terminalen:
# Installera på macOS
brew install jq
# Installera på Ubuntu/Debian
sudo apt install jq
# Formatera ett API-svar
curl -s https://api.exempel.se/data | jq .
# Hämta ett specifikt fält
curl -s https://api.exempel.se/användare | jq '.data[0].namn'
# Filtrera med villkor
curl -s https://api.exempel.se/produkter | jq '.[] | select(.pris < 100)'
Python är ett annat alternativ utan extra installation:
# Formatera från stdin
echo '{"namn":"test","värde":42}' | python3 -m json.tool
# Formatera en fil
python3 -m json.tool data.json > formaterad.json
Formatera JSON i VS Code
VS Code formaterar JSON-filer inbyggt. Öppna en .json-fil och använd:
- Windows/Linux: Shift+Alt+F
- macOS: Shift+Option+F
- Högerklick → "Formatera dokument"
Vanliga JSON-fel och hur du åtgärdar dem
Avslutande kommatecken (trailing commas)
JavaScript tillåter trailing commas men JSON gör det inte. Det är det vanligaste felet när man konverterar JS-objekt till JSON:
// Fel (trailing comma)
{ "namn": "test", "värde": 42, }
// Rätt (giltig JSON)
{ "namn": "test", "värde": 42 }
Enkla citationstecken
// Fel
{ 'namn': 'test' }
// Rätt
{ "namn": "test" }
Kommentarer i JSON
JSON stöder inte kommentarer. Använd JSONC eller YAML om du behöver kommentarer i konfigurationsfiler.
JSON i AI-utveckling
Med den explosiva tillväxten av AI-API:er som OpenAI, Anthropic Claude och Google Gemini hanterar svenska utvecklare allt mer komplexa JSON-svar. Dessa svar kan innehålla djupt kapslade strukturer med tool calls, function calling-resultat och strukturerade utdata.
Eftersom AI API-svar kan innehålla känslig information (användardata, systemprompter, affärslogik) är det avgörande att välja ett formateringsverktyg som aldrig skickar data till en extern server. ToolPry JSON Formatter körs helt lokalt i webbläsaren — GDPR-kompatibelt.
JSON i Node.js och Python
Node.js
// Formatera med 2 mellanslag
const formaterad = JSON.stringify(data, null, 2);
// Minifiera
const minifierad = JSON.stringify(data);
// Logga formaterad JSON
console.log(JSON.stringify(svar, null, 2));
Python
import json
data = {"namn": "test", "värde": 42}
# Formatera med 2 mellanslag och stöd för unicode
print(json.dumps(data, indent=2, ensure_ascii=False))
# Sortera nycklar
print(json.dumps(data, indent=2, sort_keys=True, ensure_ascii=False))
Sammanfattning
| Situation | Rekommenderat verktyg |
|---|---|
| Snabb felsökning online | ToolPry JSON Formatter |
| Terminal / Skript | jq eller python3 -m json.tool |
| VS Code | Shift+Alt+F |
| Node.js | JSON.stringify(data, null, 2) |
Formatera din JSON direkt →
Klistra in din JSON, klicka på Formatera. Realtidsvalidering, trädvy, CSV/YAML-konvertering. 100% i webbläsaren — ingen data lämnar din dator. GDPR-kompatibelt.
Öppna JSON FormatterRelaterat: SHA-256 Hashgenerator · Lösenordsgenerator
Vad är JSON-formattering?
JSON (JavaScript Object Notation) är ett lättviktigt datautbytesformat som stöds av nästan alla programmeringsspråk. När JSON-data skickas mellan API:er, databaser eller applikationer komprimeras de ofta till en lång rad utan mellanslag — det kallas minifierad JSON. Att formattera JSON, eller pretty-printing, lägger till indragningar och radbrytningar för att göra strukturen läsbar.
// Minifierad — svår att läsa
{"användare":{"id":1,"namn":"Anna Svensson","stad":"Stockholm","aktiv":true}}
// Formaterad med 2 mellanslag
{
"användare": {
"id": 1,
"namn": "Anna Svensson",
"stad": "Stockholm",
"aktiv": true
}
}
Vanliga JSON-fel och hur du löser dem
JSON-specifikationen är strikt. Fel som är giltiga i JavaScript orsakar parsningsfel i JSON.
Avslutande komma (trailing comma)
I JavaScript är en komma efter sista elementet tillåten — i JSON är det inte det:
// FEL
{"namn": "Anna", "stad": "Stockholm",}
// RÄTT
{"namn": "Anna", "stad": "Stockholm"}
Enkla citattecken
JSON kräver dubbla citattecken för alla strängar:
// FEL — enkla citattecken
{'namn': 'Anna'}
// RÄTT
{"namn": "Anna"}
ToolPry JSON Formatter identifierar dessa fel automatiskt och erbjuder en "⚡ Auto-fix"-knapp för de vanligaste problemen.
JSON i JavaScript och Python
JavaScript
const data = { namn: "Anna", stad: "Stockholm" };
// Formattera med 2 mellanslag
const formaterad = JSON.stringify(data, null, 2);
// Komprimera
const komprimerad = JSON.stringify(data);
// Parsning
const obj = JSON.parse('{"namn":"Anna","stad":"Stockholm"}');
Python
import json
data = {"namn": "Anna", "stad": "Stockholm", "aktiv": True}
# Formattera
formaterad = json.dumps(data, indent=2, ensure_ascii=False)
# Parsning
obj = json.loads('{"namn": "Anna"}')
Vanliga frågor
Tillåter JSON kommentarer?
Nej. JSON-specifikationen (RFC 8259) tillåter inte kommentarer. För konfigurationsfiler med kommentarer, överväg JSONC eller YAML.
Vad är skillnaden mellan JSON och JavaScript-objekt?
JSON kräver citattecken runt nycklar, stöder inte funktioner eller undefined-värden och tillåter inga kommentarer. JSON är ett textformat; JavaScript-objekt är körtidsstrukturer.
Finns det en gräns för filstorlek i onlineformatteraren?
ToolPry bearbetar allt i din webbläsare — ingen servergräns finns. Mycket stora filer (flera MB) kan påverka webbläsarens responsnivå.