logo
GeekFormat

JSON Formatter

Nog geen content

preview.json
Gereed

Gratis online JSON Formatter tool. Ondersteunt JSON verfraaiing, validatie, verkleining en JSON boom visuele bewerking. Ingebouwde syntaxfoutdetectie en automatisch herstel. Ondersteunt codeconversie naar 13 programmeertalen (TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML). Ideaal voor API foutopsporing, configuratie-inspectie en logboeklezen.

Gerelateerde aanbevelingen

Toepassingsgevallen

  • Verfraaien van eenregelige JSON uit API responses tot een leesbare structuur voor eenvoudigere probleemopsporing
  • Formatteren van configuratiebestanden en logboekvelden voor verdere verwerking
  • Snel valideren of JSON geldig is en de grootte verkleinen tijdens ontwikkeling en foutopsporing
  • Converteren van JSON naar TypeScript interfaces, Java klassen, Python dictionaries of andere codeformaten
  • Sorteren op sleutelnamen voor het vergelijken van twee API responses veld voor veld
  • In kaart brengen van complexe geneste structuren van derde-partij API's met behulp van boomweergave of mindmap voor snelle hiërarchiebegrip
  • Uitvouwen van verkleinde analyselogboeken en Webhook gegevens om te lezen, om abnormale velden te lokaliseren
  • Formatteren van compacte JSON uit lokale omgevingsvariabelen of configuraties voor bewerking, daarna verkleinen om terug te schrijven

Functies

  • Intuïtieve JSON Verfraaiing: Organiseert snel eenregelige gegevens in een gemakkelijk leesbare hiërarchische structuur, met schakelbare 2/4-spatie of Tab inspringing
  • Validatie & Verkleining Ondersteuning: Real-time syntaxfoutdetectie met nauwkeurige locatiehints, één-klik verkleining tot de meest compacte eenregelige tekst
  • Code Conversie naar 13 Programmeertalen: Eén-klik generatie voor TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML
  • JSON Boomweergave Visuele Bewerking: Knooppunten inklappen/uitvouwen, intuïtief diep geneste structuren bekijken en wijzigen
  • Mindmap Weergave: Presenteert object/array ouder-kind relaties via verbonden knooppunten, ideaal voor het in kaart brengen van complexe structuren
  • Sleutelsortering: Herschik objectsleutels in oplopende/aflopende alfabetische volgorde, handig voor diff vergelijking en het standaardiseren van veldvolgorde
  • Soepele Verwerking van Grote Bestanden: Virtueel scrollen + Web Worker achtergrond parsering, enkele MB JSON bestanden zonder vertraging
  • Privacy & Veiligheid: Volledig browser-lokale verwerking, nul gegevensupload, veilig voor het verwerken van responses met geheimen
  • Handige Bewerkingen: Bestandsupload/download, één-klik kopiëren, geschiedenis ongedaan maken, URL delen — allemaal inbegrepen

Hoe te gebruiken

  1. Plak JSON inhoud of upload een JSON bestand
  2. Selecteer Verfraaien, Verkleinen of Valideren modus; je kunt ook overschakelen naar Boomweergave/Mindmap voor visueel bekijken
  3. Bekijk de geformatteerde hiërarchische structuur en foutmeldingen; schakel indien nodig over naar Code Conversie om doeltaalstructuren te genereren
  4. Kopieer de verwerkte inhoud, download het bestand of genereer een deelbare link

Veelgestelde vragen

Hoe formatteer ik snel een eenregelige JSON in een leesbare structuur?

Plak je JSON inhoud in de editor om het direct te verfraaien. Geweldig voor het bekijken van API responses, configuratiebestanden en logboekvelden. De tool voegt automatisch inspringing en regeleinden toe, waardoor compacte gegevens in een duidelijke hiërarchische structuur worden georganiseerd. Het standaardiseert op 2-spatie inspringing; je kunt ook de inspringingsgrootte in de werkbalk aanpassen.

Wat is het verschil tussen JSON Formatter en JSON Reparatie?

JSON Formatter is beter geschikt voor inhoud die al geldig is maar moeilijk te lezen. JSON Reparatie is beter geschikt voor het repareren van ongeldige structuren zoals fouten, ontbrekende aanhalingstekens en volgkomma's. Als formatteren een fout rapporteert, raden we aan eerst JSON Reparatie uit te voeren. Kortom: formatteren past alleen de lay-out aan zonder de inhoud te wijzigen; reparatie probeert ontbrekende aanhalingstekens/haakjes aan te vullen en extra komma's te verwijderen om het weer geldige JSON te maken.

Waarom rapporteert het formatteren van JSON een fout?

Meestal omdat de inhoud geen geldige JSON is — bijvoorbeeld het bevat opmerkingen, enkele aanhalingstekens, volgkomma's of ongesloten haakjes. De JSON specificatie (RFC 8259) vereist dat sleutels dubbele aanhalingstekens gebruiken, strings kunnen geen enkele aanhalingstekens gebruiken, er mag geen komma na het laatste element staan, en // of /* */ opmerkingen zijn niet toegestaan. In dit geval is het beter om eerst JSON Reparatie uit te voeren, daarna te formatteren.

Is het geschikt voor API foutopsporing en het bekijken van logboekresponses?

Absoluut. API responses, Webhook gegevens, analyselogboeken en configuratiefragmenten moeten vaak worden geformatteerd voordat problemen worden opgespoord. De tool ondersteunt ook JSON boomweergave visuele bewerking, mindmap weergave en codeconversie naar 13 programmeertalen, waardoor je snel gegevensstructuren begrijpt.

Kan ik JSON converteren naar TypeScript interfaces of Java klassen?

Ja. De tool ondersteunt het converteren van JSON naar TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML — in totaal 13 formaten. Eén-klik generatie van bijbehorende codestructuren, perfect voor het snel genereren van frontend en backend gegevensmodellen uit API responses.

Worden geformatteerde JSON gegevens naar een server geüpload?

Nee. Alle formattering, validatie, verkleining en codeconversie draait volledig lokaal in je browser. Gegevens worden nooit naar een server geüpload. Het is zelfs veilig bij het verwerken van API responses die geheimen, tokens of gebruikersprivacy bevatten. Gegevens worden gewist wanneer je de pagina sluit.

Kan het grote JSON bestanden verwerken?

Ja. De tool gebruikt virtueel scrollen rendering en Web Worker achtergrond parsering. JSON bestanden van enkele megabytes kunnen soepel worden geformatteerd en bekeken zonder de pagina te bevriezen. Voor zeer grote bestanden raden we aan het JSON bestand direct te uploaden in plaats van te plakken, voor stabielere prestaties.

Waar wordt JSON Minify voor gebruikt?

Verkleining verwijdert alle onnodige spaties en regeleinden uit JSON, waardoor het meest compacte eenregelige resultaat wordt geproduceerd. Dit vermindert de grootte aanzienlijk, bespaart bandbreedte en opslag, en wordt vaak gebruikt voor API verzending, het schrijven van configuraties, inbedden in code, of als omgevingsvariabelen. Verkleinde JSON is semantisch identiek aan geformatteerde JSON; het is alleen niet door mensen leesbaar.

Wat zijn JSON Boomweergave en Mindmap Weergave?

Boomweergave rendert JSON als een inklapbare hiërarchische boom, ondersteunt uitvouwen/inklappen van knooppunten en visuele veldbewerking, geschikt voor het bekijken van diep geneste gegevens. Mindmap Weergave presenteert de structuur als verbonden knooppunten, waarbij visueel ouder-kind relaties tussen objecten en arrays worden getoond, geschikt voor het in kaart brengen van complexe gegevensstructuren of het geven van presentaties.

Kan ik na formattering op sleutelnamen sorteren?

Ja. De tool biedt een sleutelsorteerfunctie die het herschikken van objectsleutels in oplopende of aflopende alfabetische volgorde ondersteunt, waardoor het handig is om verschillen tussen twee JSON's te vergelijken, de veldvolgorde van configuratiebestanden te standaardiseren, of API velden in een vaste volgorde weer te geven voor Code Review.

Kan ik geformatteerde resultaten delen met collega's?

Ja. De tool ondersteunt het comprimeren en coderen van de huidige JSON inhoud in een URL om een deelbare link te genereren. Ontvangers kunnen de link openen om dezelfde gegevens te zien zonder naar een server te uploaden, geweldig voor snelle samenwerking bij het opsporen van API-problemen of het reproduceren van gegevensscenario's.

Over JSON en JSON Formattering

JSON (JavaScript Object Notation) is een lichtgewicht gegevensuitwisselingsformaat dat sleutel-waardeparen en arrays gebruikt om gegevens weer te geven. Vanwege de eenvoud, leesbaarheid en cross-taal eigenschappen is het de de facto standaard geworden voor Web API's, configuratiebestanden, logboeken en frontend-backend gegevensoverdracht. JSON heeft slechts zes basistypen: string, getal, boolean, null, object en array. De syntaxregels worden gezamenlijk gedefinieerd door RFC 8259 en ECMA-404.

JSON formattering (ook wel JSON verfraaiing genoemd) is het proces van het toevoegen van juiste inspringing en regeleinden aan compacte JSON zonder de gegevensinhoud te wijzigen, waardoor het wordt georganiseerd in een hiërarchische structuur die gemakkelijk door mensen te lezen is. JSON in API responses, logboeken en opslag is vaak gecomprimeerd tot een enkele regel, waardoor het erg moeilijk is om direct te lezen. Na formattering kun je duidelijk objectnesting, array-elementen en de waarde van elk veld zien.

De tegenovergestelde bewerking van formatteren is JSON verkleining, die alle niet-essentiële witruimtetekens verwijdert en JSON terugbrengt naar de meest compacte eenregelige vorm om de verzendingsgrootte te verminderen. Formatteren en verkleinen zijn een paar omkeerbare bewerkingen; geen van beide wijzigt de JSON semantiek, ze beïnvloeden alleen de leesbaarheid en grootte.

JSON validatie controleert of een stuk tekst voldoet aan de JSON syntaxregels. Veelvoorkomende ongeldige patronen zijn: het gebruik van enkele aanhalingstekens in plaats van dubbele aanhalingstekens, sleutels zonder aanhalingstekens, volgkomma's na het laatste element, het bevatten van // of /* */ opmerkingen, en onjuist gesloten haakjes of aanhalingstekens. Geen van deze zijn geldige JSON, en formatteren zal fouten rapporteren — in dat geval moet je eerst de JSON Reparatie tool gebruiken, daarna formatteren.

Voortbouwend op formattering biedt deze tool ook Boomweergave, Mindmap Weergave en codeconversie naar 13 programmeertalen: je kunt JSON samenvouwen tot een visuele hiërarchische boom om diepe structuren te bekijken, of één-klik API response JSON converteren naar TypeScript interfaces, Java klassen, Python dictionaries of database tabelaanmaakverklaringen voor direct gebruik in ontwikkeling. Alle verwerking gebeurt lokaal in de browser; gegevens worden nooit naar servers geüpload.

JSON Gegevenstype Snelreferentie

JSON heeft slechts zes waardetypen. Door ze te begrijpen kun je snel bepalen of gegevens geldig zijn en hoe ze naar programmeertaaltypen moeten worden toegewezen.

TypeVoorbeeldBeschrijving
string"hello"String, moet dubbele aanhalingstekens gebruiken, ondersteunt escape tekens en \uXXXX Unicode codering.
number25 / 3.14 / -1e5Getal, ondersteunt gehele getallen, decimalen en wetenschappelijke notatie; geparseerd als dubbele-precisie floating-point, geen onderscheid tussen geheel getal en float.
booleantrue / falseBoolean, kan alleen kleine letters true of false zijn.
nullnullNullwaarde, wat geen gegevens aangeeft; moet kleine letters zijn, anders dan lege string of 0.
object{"k": "v"}Object, een verzameling sleutel-waardeparen verpakt in accolades; sleutels moeten dubbel-gequote strings zijn.
array[1, 2, 3]Array, een geordende lijst van waarden verpakt in vierkante haken; elementen kunnen van verschillende typen zijn.

JSON String Escape Teken Tabel

De volgende tekens in JSON strings moeten met een backslash worden geëscaleerd; anders zal parseren falen.

EscapeBetekenis
\"Dubbel aanhalingsteken
\\Backslash
\/Slash (optionele escape)
\nNieuwe regel
\rCarriage return
\tTab
\bBackspace
\fForm feed
\uXXXXUnicode teken weergegeven door vier hexadecimale cijfers

Veelvoorkomende Ongeldige Patronen Referentie

Hieronder staan veelvoorkomende ongeldige JSON patronen en hun geldige vormen, ter referentie wanneer formatteren fouten rapporteert.

OngeldigGeldigOpmerking
{name: "a"}{"name": "a"}Sleutels moeten dubbele aanhalingstekens gebruiken
{'name': 'a'}{"name": "a"}Strings moeten dubbele aanhalingstekens gebruiken, geen enkele aanhalingstekens
{"a": 1,}{"a": 1}Volgkomma's zijn niet toegestaan
{"a": 1} // comment{"a": 1}JSON ondersteunt geen opmerkingen
{"a": undefined}{"a": null}Er is geen undefined; gebruik null voor nullwaarden
{"a": .5}{"a": 0.5}Decimalen moeten een geheel getalgedeelte 0 hebben

Code Examples

JavaScript: JSON formatteren met JSON.stringify

javascript

De derde parameter van de browser en Node.js ingebouwde JSON.stringify specificeert inspringing, de meest gebruikte programmatische manier om JSON te formatteren.

const data = { name: '张三', age: 25, tags: ['a', 'b'] };

// Verfraaien: derde parameter is aantal spaties inspringing (kan ook '\t' doorgeven voor Tab)
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);

// Verkleinen: derde parameter weglaten voor de meest compacte eenregelige tekst
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}

// String naar object parseren (valideert syntax, gooit SyntaxError bij ongeldig)
const obj = JSON.parse(pretty);

Python: Formatteren met de json module

python

Python's standaardbibliotheek json gebruikt indent en ensure_ascii parameters om inspringing en Chinese tekenweergave te regelen.

import json

data = {"name": "张三", "age": 25, "tags": ["a", "b"]}

# Verfraaide uitvoer, indent specificeert inspringing, ensure_ascii=False behoudt Chinees
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)

# Verkleinde uitvoer: gebruik de meest compacte scheidingstekens
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)

# String parseren (gooit json.JSONDecodeError bij ongeldig)
obj = json.loads(pretty)

Commandoregel: JSON formatteren met jq

bash

jq is een krachtige commandoregeltool voor het verwerken van JSON, waarmee snel verfraaien, verkleinen en veldextractie mogelijk is.

# Verfraaien (standaard 2-spatie inspringing)
cat data.json | jq '.'

# Verkleinen tot eenregelige tekst
cat data.json | jq -c '.'

# Specifiek veld extraheren
cat data.json | jq '.user.name'

# Direct curl resultaten doorsturen voor verfraaiing
curl -s https://api.example.com/user | jq '.'

Privacy & Security

Alle JSON formattering, validatie, verkleining en codeconversie in deze tool draait volledig lokaal in je browser. Gegevens worden nooit naar een server geüpload, noch op afstand geregistreerd of gecached. Het is zelfs veilig bij het verwerken van API responses die geheimen, tokens of gebruikersinformatie bevatten. Gegevens worden gewist wanneer je de pagina sluit of ververst.

Authoritative References

Troubleshooting

Unexpected token ... in JSON (onverwachts teken / syntaxfout)

Meestal veroorzaakt door enkele aanhalingstekens, sleutels zonder dubbele aanhalingstekens, of het bevatten van // of /* */ opmerkingen. De JSON specificatie vereist dat alle strings en sleutels dubbele aanhalingstekens gebruiken, en opmerkingen worden niet ondersteund. Schakel over naar dubbele aanhalingstekens en verwijder opmerkingen, of gebruik eerst de JSON Reparatie tool.

Unexpected end of JSON input (inhoud eindigde onverwachts)

Meestal veroorzaakt door onjuist gesloten haakjes {} of [] of aanhalingstekens, resulterend in onvolledige JSON. Controleer of structuren correct gepaard en gesloten zijn. Bij het plakken van API responses heb je mogelijk slechts gedeeltelijke inhoud gekopieerd — zorg ervoor dat je volledig kopieert.

Volgkomma veroorzaakt fouten (Trailing comma)

JSON staat geen komma's toe na het laatste element van een object of array; bijvoorbeeld {"a":1,} of [1,2,] zijn ongeldig. Verwijder de extra komma. JavaScript objecten staan volgkomma's toe, maar JSON niet — wees extra voorzichtig bij het kopiëren uit code.

Chinese of speciale tekens weergegeven als \uXXXX

Dit is JSON's Unicode-escape notatie, die inherent geldig is en nog steeds normaal geparseerd kan worden na formattering. Als je Chinees direct wilt weergeven, schakel escalatie uit aan de genererende zijde (bijv. Python's ensure_ascii=False, Go's uitschakelen van HTML-escalatie).

Groot getal precisieverlies (bijv. ID wordt wetenschappelijke notatie of volgnullen)

JSON getallen worden geparseerd als IEEE 754 dubbele-precisie floating-points. Gehele getallen groter dan 2^53 (bijv. sneeuwvlok ID's, bestelnummers) verliezen precisie. De oplossing is om grote gehele getallen als strings in te pakken tijdens verzending, dwz. "id": "9007199254740993", om te voorkomen dat ze als getallen worden geparseerd.

Geformatteerde JSON terug willen converteren naar een enkele regel

Schakel gewoon over naar "Verkleinen / Minify" om verfraaide meerregelige JSON terug te converteren naar de meest compacte eenregelige tekst voor API verzending, het schrijven van configuraties of inbedden in code. Verkleinen en verfraaien zijn omgekeerde bewerkingen en wijzigen de gegevensinhoud niet.