CodeKitHub
JSON tööriistad

JSON puuvaataja

Viimati uuendatud:

Kleebi või laadi üles oma JSON ja sirvi seda interaktiivse, kokkuvolditava puuna, mitte tekstimüürina. Klõpsa mistahes sõlmel, et see avada või kokku voltida, ning kasuta otsingukasti, et hüpata otse suure struktuuri sügavuses peidus oleva võtme või väärtuse juurde. Kõik toimub kohalikult sinu brauseris — sinu andmeid ei laadita kunagi üles.

Mis see tööriist on?

JSON puuvaataja muudab JSON-dokumendi navigeeritavaks liigenduseks: igast objektist ja massiivist saab sõlm, mida saab avada või kokku voltida, iga võti näitab oma tuletatud tüüpi ja iga lehtväärtus kuvatakse reas. Selle asemel et kerida läbi tuhandete tekstiridade, süveneb sa ainult harudesse, mis sind tegelikult huvitavad.

See erineb JSON-vormindajast. Vormindaja kirjutab sinu JSON-i teksti ümber taandega, et see kenamana välja näeks — see on õige tööriist, kui sul on vaja lihtsalt ilustada, minimeerida või süntaksit valideerida. Puuvaataja on mõeldud struktuuri enda uurimiseks ja navigeerimiseks, eriti kui JSON on suur, sügavalt pesastatud, või sa ei tea veel, kus vajalikud andmed asuvad. Kui sa tahad lihtsalt JSON-teksti ilustada või valideerida, kasuta selle asemel JSON-vormindajat.

Miks seda kasutada?

  • Navigeeri sügavalt pesastatud API-vastustes või konfiguratsioonifailides, kaotamata jälge, milline sulg millisele tasemele kuulub.
  • Otsi võtmenime või väärtuse järgi ja hüppa otse vaste juurde, tee avaneb automaatselt sinu jaoks.
  • Käsitleb väga suurt JSON-i (mitu megabaiti) sujuvalt — alamsõlmed ehitatakse alles siis, kui sa need avad, nii et miski ei jooksuta vahelehte kinni.
  • Näe iga väärtuse tüüpi ühe pilguga — string, arv, tõeväärtus, null, objekt või massiiv — selgete siltidega.
  • 100% privaatne: parsimine ja renderdamine toimuvad täielikult sinu brauseris, midagi ei laadita üles ega salvestata.

Kuidas kasutada

  1. Kleebi oma JSON sisendkasti või kasuta failivalijat, et laadida JSON-fail kettalt.
  2. Klõpsa "Render tree", et ehitada interaktiivne vaade.
  3. Klõpsa noolt mistahes objekti või massiivi kõrval, et see avada või kokku voltida — sõlmed, mis on sügavamal kui paar taset, algavad automaatselt kokkuvolditult, et suured failid jääksid kiireks.
  4. Sisesta otsingukasti võtmenimi või väärtus vastete leidmiseks; tööriist avab kõik vanemsõlmed teel alla ning kerib ja rõhutab tulemuse.
  5. Kasuta järgmise/eelmise nuppe, et liikuda mitme vaste vahel.

Näide

Sisend

{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}

Tulemus

user: { 4 keys }
  id: 42 (number)
  name: "Ada" (string)
  roles: [ 2 items ]
    0: "admin"
    1: "editor"
  active: true (boolean)
  manager: null

Iga rida näitab võtit, selle tuletatud tüüpi ning kas väärtust (lehtede puhul) või kokkuvolditud arvu (objektide ja massiivide puhul), kuni sa selle avad.

Praktilised nõuanded

  • Suurte API-vastuste puhul otsi kõigepealt eristuva väljanime järgi (nagu id või veakood), selle asemel et sõlme haaval käsitsi avada — otsing hüppab otse sinna.
  • Sõlmed, mis on sügavamal kui paar esimest taset, algavad meelega kokkuvolditult, nii et mitme megabaidine kasulik koorem jääb kiireks; ava ainult haru, mida vajad.
  • Tüübisildid (string, number, boolean, null, object, array) on eriti kasulikud, kui märkad välja, mis on ootamatult null, või massiivi, kus ootasid objekti.
  • Kui sul on lihtsalt vaja JSON-lõiku ilustada või valideerida, mitte selle struktuuri uurida, on JSON-vormindaja selle jaoks kiirem.

Kuhu see päris töövoogudes sobitub

Sügavalt pesastatud API-vastuseid, andmebaasi väljavõtteid ja konfiguratsioonifaile on lameda tekstina raske mõista — kaotad jälje, milline lõpusulg millisele võtmele vastab. Sama kasuliku koorma laadimine puuvaatesse võimaldab kokku voltida kõik, mida sa ei vaja, ja keskenduda ainult harule, mis on oluline, mis on palju kiirem kui kerida läbi vormindatud tekstimüüri, otsides üht välja.

Levinud voog: kleebi siia esmalt suur veebihaagi kasulik koorem, et mõista selle kuju ja leida vajalik väli, seejärel lülitu JSON-vormindajale, kui vajad puhast, taandega tekstikoopiat veateatesse või koodiülevaatesse kleepimiseks.

JSON vormindaja

Levinud kasutusjuhud

  • Suure, sügavalt pesastatud API-vastuse uurimine, et leida, kus konkreetne väli asub, enne selle vastu koodi kirjutamist.
  • Suure konfiguratsiooni- või eksportfaili ülevaatamine, ilma et peaks kerima läbi tuhandete toorteksti ridade.
  • Tundmatu JSON-kasuliku koorma kuju ja tüüpide kontrollimine enne selle parsimist oma koodis.
  • Konkreetse väärtuse (ID, veateate, ajatempli) leidmine, mis on peidus kuskil suures JSON-dokumendis.

Korduma kippuvad küsimused

Kuidas see erineb JSON-vormindaja tööriistast?

JSON-vormindaja kirjutab JSON-teksti ümber taandega, minimeerib seda või valideerib süntaksit — see töötab teksti enda kallal. JSON puuvaataja renderdab parsitud struktuuri interaktiivse, kokkuvolditava puuna, mida saab klõpsata ja otsida — see on ehitatud suurte või sügavalt pesastatud andmete kuju uurimiseks ja mõistmiseks, mitte vormindatud tekstiväljundi tootmiseks.

Kas see jooksutab mu brauseri hiiglasliku JSON-failiga kinni?

Ei. Puu renderdatakse laisalt: ainult esimesed paar taset ehitatakse esimesel renderdamisel, ja kõik sügavam ehitatakse alles siis, kui sa klõpsad selle avamiseks. See hoiab esialgse renderduse kiirena isegi mitme megabaidiste failide puhul, kuna brauser ei pea kunagi ehitama DOM-sõlme andmete jaoks, mida sa pole veel vaadanud.

Kas mu JSON-andmed laaditakse kuhugi üles?

Ei. Parsimine, renderdamine ja otsimine toimuvad kõik kohalikult sinu brauseris JavaScripti abil. Sinu andmed ei lahku kunagi su seadmest.

Kuidas otsing töötab?

Otsing kontrollib iga võtmenime ja iga primitiivset väärtust kogu parsitud andmestikus, mitte ainult seda, mis parasjagu ekraanil nähtav on. Kui see leiab vaste, avab see automaatselt kõik eellassõlmed, et sa saaksid seda näha, seejärel kerib selle juurde ja rõhutab seda hetkeks. Kui vasteid on mitu, kasuta järgmise/eelmise nuppe nende vahel liikumiseks.

Kas ma saan otsida kokkuvolditud sõlmede seest?

Jah. Otsing käib alati läbi kogu aluseks oleva JSON-objekti, sõltumata sellest, millised sõlmed on vaates parasjagu avatud või kokku volditud. Sõlme kokkuvoltimine mõjutab ainult seda, mis ekraanile renderdub, mitte seda, mida saab leida.

Seotud tööriistad