Tingnan, i-format, at i-explore ang JSON data sa isang interactive na collapsible tree. Libre, secure, at walang kinakailangang pag-upload.
O i-paste ang JSON text sa ibaba
Ipinapakita ng mga viewer ng JSON tree ang data ng JSON bilang isang navigable hierarchical tree sa halip na bilang plain text. Ang bawat bagay ay nagiging isang collapsible na sangay; ang mga array ay nagpapakita ng kanilang mga item nang paisa-isa; lumalabas ang mga primitive na halaga bilang mga dahon. Pinapadali ng structural view na makahanap ng mga partikular na field sa malalim na nested na data, i-collapse ang mga hindi nauugnay na subtree, at mag-navigate sa malalaking dokumento ng JSON na hindi mapapamahalaan bilang flat text.
Kung ikukumpara sa naka-format na JSON text, ang mga tree view ay mahusay sa pag-navigate sa malaking data. Ang isang 10MB na tugon ng API ay hindi praktikal na mag-scroll sa bilang ng teksto ngunit maaaring i-tract bilang isang puno kung saan iko-collapse mo ang mga top-level na key na hindi mo pinapahalagahan at palawakin lamang ang mga bahagi ng interes.
Ang viewer na ito ay nag-render ng JSON sa isang structured tree sa iyong browser. I-filter ng paghahanap ang mga sangay ayon sa susi o halaga. Tinutukoy ng type-aware na display ang mga string, numero, boolean, null, object, at array.
Ang malalim na nested na data ay mahirap i-navigate bilang text. Ang mga configuration file, mga tugon sa API, at serialized na estado ay kadalasang mayroong 5+ na antas ng nesting. Hinahayaan ka ng tree view na i-collapse ang mga hindi nauugnay na antas at tumuon sa kung ano ang mahalaga; Ang mga view ng teksto ay nangangailangan ng maingat na pag-scroll at pagbibilang ng mga bracket.
Mahalaga rin ang mga kakayahan sa paghahanap-at-filter. Ang paghahanap ng lahat ng key na pinangalanang 'user_id' sa isang kumplikadong dokumento ay mabilis sa isang viewer na may kamalayan sa paghahanap; imposibleng gawin nang mapagkakatiwalaan sa plain text.
I-paste ang JSON, i-navigate ang puno.
Gumagamit ang JSON parsing ng JSON.parse, na nabigo sa di-wastong input na may error sa pag-parse na tumuturo sa lokasyon ng isyu. Ang wastong JSON ay nagre-render sa isang JavaScript object na recursive na nilalakad ng manonood upang makagawa ng puno.
Pag-render: ang bawat antas ng nesting ay nagiging isang naka-indent na sangay. Ang mga susi ng bagay ay mga label; ang mga value ay inire-render batay sa uri — mga string sa mga quote, mga numerong wala, mga boolean bilang true/false, walang bisa, mga bagay at array bilang mga collapsible na sangay.
Pagganap: ang napakalaking JSON (10MB+) ay maaaring makapagpabagal sa pag-render. Nakakatulong ang tamad na pagpapalawak (pag-render lamang ng mga kasalukuyang nakikitang sangay). Ang paghahanap sa malalaking dokumento ay maaaring tumagal ng kapansin-pansing oras; nakakatulong ang pag-index ng puno sa unang pag-parse.