Bezmaksas pārveidotājs

JSON koks Skatītājs

Skatiet, formatējiet un izpētiet JSON datus interaktīvā saliekamā kokā. Bezmaksas, droša un nav nepieciešama augšupielāde.

Velciet un nometiet JSON failu šeit

Vai arī tālāk ielīmējiet JSON tekstu

Or

Par šo rīku

JSON koka skatītāji parāda JSON datus kā navigējamu hierarhisku koku, nevis kā vienkāršu tekstu. Katrs objekts kļūst par saliekamu zaru; masīvi parāda savus vienumus atsevišķi; primitīvas vērtības parādās kā lapas. Strukturālais skats ļauj viegli atrast konkrētus laukus dziļi ligzdotos datos, sakļaut neatbilstošos apakškokus un pārvietoties lielos JSON dokumentos, kurus nevar pārvaldīt kā plakanu tekstu.

Salīdzinot ar formatētu JSON tekstu, koka skati ir izcili navigācijā lielos datos. 10 MB API atbildi ir nepraktiski ritināt kā tekstu, taču to var izsekot kā koku, kurā sakļaujat augstākā līmeņa atslēgas, kas jums nav svarīgas, un izvēršat tikai interesējošās daļas.

Šis skatītājs jūsu pārlūkprogrammā atveido JSON strukturētā kokā. Meklēšana filtrē filiāles pēc atslēgas vai vērtības. Tipu zinošs displejs atšķir virknes, skaitļus, Būla vērtības, nulles, objektus un masīvus.

Kāpēc izmantot JSON koka skatītāju

Dziļi ligzdotos datos ir grūti orientēties kā tekstā. Konfigurācijas failiem, API atbildēm un serializētajam stāvoklim bieži ir 5+ ligzdošanas līmeņi. Koka skats ļauj sakļaut neatbilstošos līmeņus un koncentrēties uz svarīgāko; teksta skatiem nepieciešama rūpīga ritināšana un iekavās.

Svarīgas ir arī meklēšanas un filtrēšanas iespējas. Visu atslēgu ar nosaukumu “user_id” atrašana sarežģītā dokumentā ir ātra, izmantojot meklēšanu spējīgu skatītāju; nav iespējams droši izdarīt ar vienkāršu tekstu.

Kā lietot

Ielīmējiet JSON, pārvietojieties kokā.

  1. Ielīmējiet savu JSON: Nometiet JSON ievades apgabalā. Skatītājs parsē un atveido strukturēto koku.
  2. Paplašināt un sabrukt: Noklikšķiniet uz zariem, lai tos izvērstu vai sakļautu. Noderīga, lai koncentrētos uz konkrētiem lielu datu apakškokiem.
  3. Meklēt: Filtrējiet pēc atslēgas vai vērtības. Atbilstošie zari paliek redzami; neatbilstošie ir paslēpti.
  4. Pārbaudiet konkrētas vērtības: Noklikšķiniet uz lapas, lai redzētu tās pilno vērtību (noderīga garām virknēm), un kopējiet ceļu (piem., lietotāji.0.profile.email), lai to izmantotu kodā.

Bieži lietojami gadījumi

Tehniskās detaļas

JSON parsēšana izmanto JSON.parse, kas neizdodas, ja ievade ir nederīga, un parsēšanas kļūda norāda uz problēmas atrašanās vietu. Derīgs JSON tiek renderēts JavaScript objektā, ko skatītājs rekursīvi veic, lai izveidotu koku.

Renderēšana: katrs ligzdošanas līmenis kļūst par ievilktu zaru. Objektu atslēgas ir etiķetes; vērtības tiek renderētas, pamatojoties uz veidu — virknes pēdiņās, skaitļi bez, Būla vērtības kā patiesas/nepatiesas, skaidri nulles, objekti un masīvi kā sakļaujami zari.

Veiktspēja: ļoti liels JSON (10 MB+) var palēnināt renderēšanu. Slinka paplašināšana (atveidojot tikai pašlaik redzamos zarus) palīdz. Meklēšana lielos dokumentos var aizņemt ievērojamu laiku; Koka indeksēšana pirmajā parsēšanā palīdz.

Labākā prakse

Bieži uzdotie jautājumi

Cik dziļi var nokļūt JSON koks?
Nav mākslīga dziļuma ierobežojuma. Šis rīks atveido kokus tik dziļi, cik vien ir jūsu JSON struktūra. Tomēr ārkārtīgi dziļa ligzdošana (100+ līmeņi) var palēnināt renderēšanu pārlūkprogrammā.
Vai varu meklēt JSON kokā?
Izmantojiet Ctrl/Cmd+F, lai meklētu taustiņus vai vērtības. Atbilstošie mezgli tiks izcelti, un to vecākie mezgli tiks automātiski izvērsti, lai parādītu ceļu.
Kāds JSON ceļa formāts tiek izmantots?
Rīks izmanto JSONPath punktu apzīmējumu ($.key.nested.array[0].value). Šis formāts ir saderīgs ar JavaScript īpašuma piekļuvi un lielāko daļu JSONPath bibliotēku.
Vai es varu rediģēt vērtības kokā?
Šis ir tikai lasāms skatītājs izpētei. Lai rediģētu JSON, izmantojiet mūsu rīku JSON formatētājs, kas nodrošina rediģējamu saskarni ar validāciju.
Vai mani dati ir augšupielādēti?
Nē. Parsēšana un renderēšana notiek jūsu pārlūkprogrammā.
Kā eksportēt daļu no koka?
Lielākā daļa skatītāju atlasītajām filiālēm piedāvā kopēt kā JSON. Eksportētā vērtība ir tāda pati struktūra ar tikai atlasītajām atslēgām.
Kāpēc koks ir lēns ar lieliem datiem?
Daudzu mezglu DOM renderēšana ir dārga. Palīdz slinka izplešanās (atveidojot tikai redzamus zarus); ļoti lieliem datiem īpašie rīki (jq, kods) ir efektīvāki.
Vai es varu skatīt JSON no URL?
Daži skatītāji URL ienes tieši. Citiem ir nepieciešama ielīmēšana. CORS var novērst vairāku izcelsmju ienesi no dažiem URL.