Hva er et JSON-treeditor?

JSON lagrer data som objekter, som inneholder navngitte verdier, og arrayer, som inneholder ordnede lister. Siden de kan være nestet, er et stort dokument vanskelig å endre i et vanlig tekstredigeringsprogram: ett manglende komma eller én manglende klamme gjør hele filen ugyldig. En treeditor viser de samme dataene som et sett med noder som du kan åpne og lukke. Du endrer en verdi, gir nytt navn til en nøkkel eller legger til og fjerner en node direkte, og verktøyet tar seg av kommaene, anførselstegnene og klammene.

Beskrivelse av verktøyet

Dette verktøyet lar deg redigere JSON som et tre. Lim inn JSON, så vises den som et tre med objekter, arrayer og verdier. Bruk blyanten ved siden av en node for å endre nøkkelen eller verdien, plusstegnet ved siden av et objekt eller en array for å legge til et underelement, og søppelbøtten for å fjerne en node. Hver endring skrives umiddelbart tilbake til JSON-teksten, slik at du kan kopiere resultatet når du er ferdig. Du kan fortsatt skrive i teksteditoren, og treet følger etter. Alt skjer i nettleseren din, og dataene dine sendes ingen steder.

Eksempler

Start med denne JSON-en:

{
  "navn": "eksempel-app",
  "port": 8080,
  "etiketter": ["json", "tre"]
}
JSON

Endre port til 3000, legg til strengen editor i etiketter, og legg til en ny nøkkel privat satt til true. Teksten blir:

{
  "navn": "eksempel-app",
  "port": 3000,
  "etiketter": ["json", "tre", "editor"],
  "privat": true
}
JSON

Funksjoner

  • Rediger nøkler, strenger, tall, boolske verdier og null-verdier direkte
  • Legg til nye nøkler i objekter og nye elementer i arrayer, og fjern alle noder unntatt rotnoden
  • Endre typen til en verdi, for eksempel fra en streng til et tall
  • Beholder nøkkelrekkefølgen og varsler når en nøkkel allerede brukes i det samme objektet
  • Utvid eller skjul hele treet, og se hvor mange noder det inneholder

Slik fungerer det

Verktøyet tolker teksten din som JSON og viser resultatet som et tre. Når du gjør en endring, bygger det en ny kopi av dataene med endringen og skriver dem tilbake som tekst med 2 mellomroms innrykk. Når du gir en nøkkel et nytt navn, beholder den plassen sin blant søskenelementene. Nøkler som ser ut som heltall, for eksempel "1" eller "2", vises alltid først i stigende rekkefølge, slik det skjer i alle JavaScript JSON-parsere.

En verdi har én av seks typer: streng, tall, boolsk verdi, null, objekt eller array. Nye objekter og arrayer starter tomme, og du fyller dem ved hjelp av plusstegnet. Et objekt eller en array som allerede har underelementer, beholder typen sin, slik at du ikke kan miste innholdet ved et uhell, men du kan fortsatt gi nøkkelen et nytt navn.

Tips

  • Trykk på Enter for å lagre en endring og Escape for å avbryte den. I en streng kan du trykke på Shift og Enter for å legge til et linjeskift
  • Hvis teksten til venstre ikke er gyldig JSON, forblir treet tomt, og feilen vises til du har rettet den
  • Treet har ingen angrefunksjon, så oppbevar en kopi av den opprinnelige JSON-en hvis du er usikker på en endring
  • Tall som er større enn 9007199254740991, mister presisjon fordi JSON-tall leses som JavaScript-tall
  • Hvis du bare vil se på JSON uten å endre den, kan du bruke JSON-trevisningen