Wat is een JSON-boomeditor?

JSON slaat gegevens op als objecten, die benoemde waarden bevatten, en arrays, die geordende lijsten bevatten. Omdat ze genest kunnen zijn, is een groot document moeilijk te wijzigen in een gewone teksteditor: één ontbrekende komma of accolade maakt het hele bestand ongeldig. Een boomeditor toont dezelfde gegevens als een verzameling knooppunten die je kunt openen en sluiten. Je wijzigt rechtstreeks een waarde, hernoemt een sleutel of voegt een knooppunt toe of verwijdert het, en de tool zorgt voor de komma's, aanhalingstekens en haakjes.

Beschrijving van de tool

Met deze tool kun je JSON als een boomstructuur bewerken. Plak je JSON en deze verschijnt als een boom van objecten, arrays en waarden. Gebruik het potlood naast een knooppunt om de sleutel of waarde ervan te wijzigen, het plusteken naast een object of array om een onderliggend element toe te voegen en de prullenbak om een knooppunt te verwijderen. Elke wijziging wordt direct teruggeschreven naar de JSON-tekst, zodat je het resultaat kunt kopiëren wanneer je klaar bent. Je kunt nog steeds in de teksteditor typen; de boomstructuur wordt bijgewerkt. Alles gebeurt in je browser en je gegevens worden nergens naartoe verzonden.

Voorbeelden

Begin met deze JSON:

{
  "name": "example-app",
  "port": 8080,
  "tags": ["json", "tree"]
}
JSON

Wijzig port in 3000, voeg de tekenreeks editor toe aan tags en voeg een nieuwe sleutel private toe met de waarde true. De tekst wordt:

{
  "name": "example-app",
  "port": 3000,
  "tags": ["json", "tree", "editor"],
  "private": true
}
JSON

Functies

  • Bewerk sleutels, tekenreeksen, getallen, booleans en null-waarden rechtstreeks
  • Voeg nieuwe sleutels toe aan objecten en nieuwe items aan arrays, en verwijder elk knooppunt behalve de root
  • Wijzig het type van een waarde, bijvoorbeeld van een tekenreeks naar een getal
  • Behoudt de volgorde van sleutels en waarschuwt wanneer een sleutel al in hetzelfde object wordt gebruikt
  • Vouw de hele boomstructuur uit of in en bekijk hoeveel knooppunten deze bevat

Hoe werkt het?

De tool parseert je tekst als JSON en toont het resultaat als een boomstructuur. Wanneer je een wijziging aanbrengt, maakt de tool een nieuwe kopie van de gegevens met die wijziging en schrijft deze terug als tekst met een inspringing van 2 spaties. Bij het hernoemen van een sleutel blijft de positie ervan tussen de andere sleutels behouden. Sleutels die eruitzien als gehele getallen, zoals "1" of "2", worden altijd eerst in oplopende volgorde weergegeven, zoals in elke JavaScript JSON-parser.

Een waarde heeft een van zes typen: tekenreeks, getal, boolean, null, object of array. Nieuwe objecten en arrays beginnen leeg en je vult ze met de plusknop. Een object of array waaraan al onderliggende elementen zijn toegevoegd, behoudt zijn type. Zo kun je de inhoud niet per ongeluk kwijtraken, maar je kunt de sleutel nog steeds hernoemen.

Tips

  • Druk op Enter om een wijziging op te slaan en op Escape om deze te annuleren. Druk in een tekenreeks op Shift en Enter om een regeleinde toe te voegen
  • Als de tekst aan de linkerkant geen geldige JSON is, blijft de boom leeg en wordt de fout weergegeven totdat je deze hebt opgelost
  • De boomstructuur heeft geen functie voor ongedaan maken. Bewaar daarom een kopie van je oorspronkelijke JSON als je niet zeker bent over een wijziging
  • Getallen groter dan 9007199254740991 verliezen precisie, omdat JSON-getallen als JavaScript-getallen worden gelezen
  • Gebruik de JSON-boomviewer als je JSON alleen wilt bekijken zonder deze te wijzigen