Naar inhoud

JSON5 Formatter

Formatteer JSON5 en JSONC, behoud commentaar en zet desgewenst om naar strikt JSON.

Uitvoer
Stijl
Werkt in je browser – je gegevens worden niet geüpload.

Zo werkt het

  1. Plak je JSON5- of JSONC-tekst in het invoerveld.
  2. Kies bij Uitvoer JSON5 of JSON.
  3. Kies bij Stijl Opgemaakt of Geminificeerd.
  4. Kies bij Inspringing 2 spaties, 4 spaties of Tab als je Stijl op Opgemaakt hebt gezet.

Voorbeelden

VS Code-instellingen met commentaar formatteren

Invoer
{
// Instellingen voor het webproject
"editor.tabSize": 4,
"files.autoSave": "onFocusChange",
"editor.formatOnSave": true,
}
Uitvoer
{
    // Instellingen voor het webproject
    "editor.tabSize": 4,
    "files.autoSave": "onFocusChange",
    "editor.formatOnSave": true,
}

Webwinkelconfiguratie omzetten naar JSON

Invoer
{
  winkel: 'De Fietshoek',
  plaats: 'Utrecht',
  voorraad: 0x20,
  korting: .5,
  categorieen: ['fietsen', 'accessoires'],
}
Uitvoer
{
  "winkel": "De Fietshoek",
  "plaats": "Utrecht",
  "voorraad": 32,
  "korting": 0.5,
  "categorieen": [
    "fietsen",
    "accessoires"
  ]
}

JSON5-configuratie minificeren

Invoer
{
  // Weergave van de afsprakenplanner
  thema: 'licht',
  taal: 'nl-NL',
  werkdagen: ['maandag', 'dinsdag', 'woensdag'],
}
Uitvoer
{thema:'licht',taal:'nl-NL',werkdagen:['maandag','dinsdag','woensdag']}

Wat JSON5 toestaat

KenmerkJSON5-voorbeeldStrikte JSON
Commentaar// line, /* block */Niet toegestaan
Komma's aan het eind[1, 2,][1, 2]
Sleutels zonder aanhalingstekens{name: 1}{"name": 1}
Strings met enkele aanhalingstekens'it\'s'"it's"
Strings over meerdere regels'line \↵next'"line next"
Hexadecimale getallen0xFF255
Punt aan begin/eind, plusteken.5, 5., +10.5, 5, 1
Infinity en NaNInfinity, -Infinity, NaNGeen equivalent (null of een string)

Veelgestelde vragen

Wat is het verschil tussen JSON en JSON5?

JSON5 staat onder meer commentaar, enkele aanhalingstekens, sleutels zonder aanhalingstekens en komma's na het laatste element toe. Geldige JSON is ook geldige JSON5; de statusregel laat zien of je invoer aan beide formaten voldoet.

Hoe vind ik fouten in mijn JSON5?

Bij ongeldige invoer blijft de uitvoer leeg en krijg je fouten met regel- en kolomnummer. Klik op een foutpositie om ernaartoe te gaan in de editor en verbeter de invoer zelf; de tool repareert fouten niet automatisch.

Wordt mijn invoer naar een server gestuurd?

De tool verwerkt je invoer in je browser en verstuurt die niet naar een server. Je instellingen worden lokaal bewaard; als je tekst doorgeeft aan een andere tool, staat die tijdelijk in sessionStorage totdat de volgende pagina de tekst heeft gelezen.

Worden grote getallen afgerond?

De tool behoudt grote getallen exact. Bij gehele getallen boven 9007199254740991 en decimale getallen met meer dan 17 significante cijfers krijg je een melding dat JavaScript JSON.parse ze zou afronden.