Tasuta konverter

JSON-puu Vaataja

Vaadake, vormindage ja uurige JSON-andmeid interaktiivses kokkupandavas puus. Tasuta, turvaline ja pole vaja üles laadida.

Lohistage JSON-fail siia

Või kleepige alla JSON-tekst

Või

Sellest tööriistast

JSON-i puuvaaturid kuvavad JSON-andmeid navigeeritava hierarhilise puuna, mitte lihttekstina. Igast objektist saab kokkupandav haru; massiivid näitavad oma üksusi eraldi; primitiivsed väärtused ilmuvad lehtedena. Struktuurivaade võimaldab hõlpsalt leida sügavalt pesastatud andmetest konkreetseid välju, ahendada ebaolulisi alampuid ja navigeerida suurtes JSON-dokumentides, mida lametekstina ei saaks hallata.

Võrreldes vormindatud JSON-tekstiga, on puuvaated suurepärased suurte andmetega navigeerimisel. 10 MB API-vastust on ebapraktiline tekstina kerida, kuid seda saab jälgida puuna, kus ahendate ülataseme võtmeid, millest te ei hooli, ja laiendate ainult huvipakkuvaid osi.

See vaataja renderdab JSON-i teie brauseris struktureeritud puus. Otsing filtreerib harud võtme või väärtuse järgi. Tüübitundlik kuva eristab stringe, numbreid, tõeväärtusi, nullväärtusi, objekte ja massiive.

Miks kasutada JSON-i puuvaaturit?

Sügavalt pesastatud andmetes on raske tekstina navigeerida. Konfiguratsioonifailidel, API vastustel ja serialiseeritud olekus on sageli 5+ pesastustaset. Puuvaade võimaldab teil ebaolulisi tasemeid ahendada ja keskenduda olulisele; tekstivaated nõuavad hoolikat kerimist ja sulgude lugemist.

Otsingu- ja filtreerimisvõimalused on samuti olulised. Kõigi võtmete nimega 'user_id' leidmine keerulisest dokumendist on otsinguteadliku vaataja abil kiire; lihttekstiga on võimatu usaldusväärselt teha.

Kuidas kasutada

Kleepige JSON, liikuge puus.

  1. Kleepige oma JSON: Pukseerige JSON sisestusalale. Vaataja analüüsib ja renderdab struktureeritud puud.
  2. Laiendage ja alandage: Laiendamiseks või ahendamiseks klõpsake harudel. Kasulik suurte andmete konkreetsetele alampuudele keskendumiseks.
  3. Otsi: Filtreerige võtme või väärtuse järgi. Sobivad oksad jäävad nähtavaks; mittevastavad on peidetud.
  4. Kontrollige konkreetseid väärtusi: Klõpsake lehel, et näha selle täisväärtust (kasulik pikkade stringide puhul) ja kopeerige tee (nt kasutajad.0.profile.email) koodis kasutamiseks.

Levinud kasutusjuhtumid

Tehnilised üksikasjad

JSON-i sõelumine kasutab koodi JSON.parse, mis ebaõnnestub kehtetu sisendi korral ja parsimise tõrge osutab probleemi asukohale. Kehtiv JSON renderdab JavaScripti objektiks, mida vaataja puu loomiseks rekursiivselt kõnnib.

Renderdamine: iga pesitsusaste muutub taandega haruks. Objekti võtmed on sildid; väärtused renderdatakse tüübi alusel – stringid jutumärkides, arvud ilma, tõeväärtused tõesed/vale, null selgesõnaliselt, objektid ja massiivid kokkupandavate harudena.

Jõudlus: väga suur JSON (10 MB+) võib renderdamist aeglustada. Laisk laiendamine (ainult praegu nähtavate harude renderdamine) aitab. Suurte dokumentide otsimine võib võtta palju aega; puu indekseerimine esimesel parsil aitab.

Parimad tavad

Korduma kippuvad küsimused

Kui sügavale võib JSON-puu minna?
Kunstlikku sügavuspiirangut pole. Tööriist renderdab puud nii sügavale kui teie JSON-struktuur. Väga sügav pesastumine (100+ taset) võib aga brauseris renderdamist aeglustada.
Kas ma saan otsida JSON-puust?
Kasutage klahvide või väärtuste otsimiseks klahve Ctrl/Cmd+F. Sobivad sõlmed tõstetakse esile ja nende põhisõlmed laiendatakse automaatselt, et näidata teed.
Millist JSON-i teevormingut kasutatakse?
Tööriist kasutab JSONPathi punktimärki ($.key.nested.array[0].value). See vorming ühildub JavaScripti atribuudi juurdepääsuga ja enamiku JSONPathi teekidega.
Kas ma saan puus väärtusi redigeerida?
See on uurimiseks kirjutuskaitstud vaataja. JSON-i redigeerimiseks kasutage meie JSON-vormingu tööriista, mis pakub redigeeritavat liidest koos valideerimisega.
Kas minu andmed on üles laaditud?
Ei. Parsimine ja renderdamine toimuvad teie brauseris.
Kuidas osa puust eksportida?
Enamik vaatajaid pakub valitud harude jaoks JSON-i kopeerimist. Eksporditud väärtus on sama struktuuriga, ainult valitud võtmetega.
Miks on puu suurte andmetega aeglane?
Paljude sõlmede DOM-i renderdamine on kallis. Laisk laiendamine (ainult nähtavate okste renderdamine) aitab; väga suurte andmete puhul on spetsiaalsed tööriistad (jq, kood) tõhusamad.
Kas ma saan vaadata JSON-i URL-ist?
Mõned vaatajad toovad URL-e otse. Teised nõuavad kleepimist. CORS võib mõnelt URL-ilt takistada ristpäritolu toomist.