Vad är en JSON-trädredigerare?

JSON lagrar data som objekt, som innehåller namngivna värden, och arrayer, som innehåller ordnade listor. Eftersom de kan kapslas i varandra är ett stort dokument svårt att ändra i en vanlig textredigerare: ett enda saknat kommatecken eller en saknad klammerparentes gör hela filen ogiltig. En trädredigerare visar samma data som en uppsättning noder som du kan expandera och fälla ihop. Du ändrar ett värde, byter namn på en nyckel eller lägger till och tar bort en nod direkt, och verktyget tar hand om kommatecken, citattecken och hakparenteser.

Verktygsbeskrivning

Med det här verktyget kan du redigera JSON som ett träd. Klistra in din JSON så visas den som ett träd av objekt, arrayer och värden. Använd pennan bredvid en nod för att ändra dess nyckel eller värde, plustecknet bredvid ett objekt eller en array för att lägga till ett underordnat element och papperskorgen för att ta bort en nod. Varje ändring skrivs omedelbart tillbaka till JSON-texten, så att du kan kopiera resultatet när du är klar. Du kan fortfarande skriva i textredigeraren, så följer trädet med. Allt sker i din webbläsare och dina data skickas inte någonstans.

Exempel

Börja med denna JSON:

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

Ändra port till 3000, lägg till strängen editor i tags och lägg till en ny nyckel private med värdet true. Texten blir:

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

Funktioner

  • Redigera nycklar, strängar, tal, booleska värden och null-värden direkt
  • Lägg till nya nycklar i objekt och nya element i arrayer, och ta bort valfri nod utom roten
  • Ändra typen för ett värde, till exempel från en sträng till ett tal
  • Bevarar nycklarnas ordning och varnar när en nyckel redan används i samma objekt
  • Expandera eller fäll ihop hela trädet och se hur många noder det innehåller

Så fungerar det

Verktyget tolkar din text som JSON och visar resultatet som ett träd. När du gör en ändring skapar det en ny kopia av datan med ändringen och skriver tillbaka den som text med två blanksteg som indrag. När du byter namn på en nyckel behåller den sin plats bland sina syskon. Nycklar som ser ut som heltal, till exempel "1" eller "2", listas alltid först i stigande ordning, precis som i alla JavaScript-JSON-tolkare.

Ett värde har en av sex typer: sträng, tal, booleskt värde, null, objekt eller array. Nya objekt och arrayer är tomma från början och du fyller dem med plustecknet. Ett objekt eller en array som redan har underordnade element behåller sin typ, så att du inte kan förlora innehållet av misstag, men du kan fortfarande byta namn på dess nyckel.

Tips

  • Tryck på Enter för att spara en ändring och på Escape för att avbryta den. I en sträng trycker du på Shift och Enter för att lägga till en radbrytning
  • Om texten till vänster inte är giltig JSON förblir trädet tomt och felet visas tills du åtgärdar det
  • Trädet har ingen ångra-funktion, så spara en kopia av din ursprungliga JSON om du är osäker på en ändring
  • Tal som är större än 9007199254740991 förlorar precision, eftersom JSON-tal läses som JavaScript-tal
  • Om du bara vill visa JSON utan att ändra den kan du använda JSON-trädvisaren