Gratis omvandlare
JSON-träd Tittare
Visa, formatera och utforska JSON-data i ett interaktivt hopfällbart träd. Gratis, säker och ingen uppladdning krävs.
Dra och släpp JSON-filen här
Eller klistra in JSON-text nedan
Eller
Visa, formatera och utforska JSON-data i ett interaktivt hopfällbart träd. Gratis, säker och ingen uppladdning krävs.
Eller klistra in JSON-text nedan
JSON-trädvisare visar JSON-data som ett navigerbart hierarkiskt träd snarare än som vanlig text. Varje föremål blir en hopfällbar gren; arrayer visar sina föremål individuellt; primitiva värden visas som löv. Den strukturella vyn gör det enkelt att hitta specifika fält i djupt kapslade data, kollapsa irrelevanta underträd och navigera i stora JSON-dokument som skulle vara ohanterliga som platt text.
Jämfört med formaterad JSON-text utmärker sig trädvyer vid navigering i stora data. Ett API-svar på 10 MB är opraktiskt att bläddra igenom som text men kan hanteras som ett träd där du komprimerar toppnycklar som du inte bryr dig om och expanderar bara de delar av intresse.
Den här tittaren återger JSON i ett strukturerat träd i din webbläsare. Sök filtrerar grenar efter nyckel eller värde. Typmedveten display särskiljer strängar, siffror, booleaner, null, objekt och matriser.
Djupt kapslade data är svåra att navigera som text. Konfigurationsfiler, API-svar och serialiserat tillstånd har ofta 5+ nivåer av kapsling. En trädvy låter dig kollapsa irrelevanta nivåer och fokusera på det som är viktigt; textvyer kräver noggrann rullning och räkning av parenteser.
Sök- och filterfunktioner spelar också roll. Det går snabbt att hitta alla nycklar med namnet "user_id" i ett komplext dokument med en sökmedveten tittare; omöjligt att göra tillförlitligt med vanlig text.
Klistra in JSON, navigera i trädet.
JSON-tolkning använder JSON.parse, som misslyckas vid ogiltig inmatning med ett analysfel som pekar på platsen för problemet. Giltig JSON renderar till ett JavaScript-objekt som tittaren går rekursivt för att producera trädet.
Återgivning: varje nivå av kapsling blir en indragen gren. Objektnycklar är etiketter; värden renderas baserat på typ — strängar inom citattecken, siffror utan, booleaner som sant/falskt, null uttryckligen, objekt och arrayer som hopfällbara grenar.
Prestanda: mycket stor JSON (10MB+) kan sakta ner renderingen. Lat expansion (återgivning endast för närvarande synliga grenar) hjälper. Sökning i stora dokument kan ta märkbar tid. indexering av trädet vid första analysen hjälper.