Convertor gratuit

Arborele JSON Vizualizator

Vizualizați, formatați și explorați datele JSON într-un arbore interactiv pliabil. Gratuit, sigur și nu necesită încărcare.

Trageți și plasați fișierul JSON aici

Sau inserați text JSON mai jos

Sau

Despre acest instrument

Vizualizatoarele de arbore JSON afișează datele JSON ca un arbore ierarhic navigabil, mai degrabă decât ca text simplu. Fiecare obiect devine o ramură pliabilă; matricele își arată articolele individual; valorile primitive apar ca frunze. Vizualizarea structurală face ușoară găsirea de câmpuri specifice în date profund imbricate, restrângerea subarborilor irelevante și navigarea în documente JSON mari care ar fi imposibil de gestionat ca text plat.

În comparație cu textul JSON formatat, vizualizările arborescente excelează la navigarea în date mari. Un răspuns API de 10 MB nu este practic de defilat ca text, dar manevrabil ca un arbore în care restrângeți cheile de nivel superior de care nu vă interesează și extindeți doar părțile de interes.

Acest vizualizator redă JSON într-un arbore structurat în browser. Căutarea filtrează ramurile după cheie sau valoare. Afișarea care ține seama de tip distinge șirurile de caractere, numerele, valorile booleene, nule, obiectele și matricele.

De ce să folosiți un vizualizator de arbore JSON

Datele imbricate profund sunt greu de navigat ca text. Fișierele de configurare, răspunsurile API și starea serializată au adesea peste 5 niveluri de imbricare. O vizualizare arborescentă vă permite să restrângeți nivelurile irelevante și să vă concentrați pe ceea ce contează; Vizualizările text necesită derulare atentă și numărare paranteze.

Capacitățile de căutare și filtrare contează și ele. Găsirea tuturor cheilor numite „user_id” într-un document complex este rapidă cu un vizualizator care știe căutările; imposibil de făcut în mod fiabil cu text simplu.

Cum se utilizează

Lipiți JSON, navigați în arbore.

  1. Lipiți JSON: Introduceți JSON în zona de intrare. Vizualizatorul analizează și redă arborele structurat.
  2. Se extinde și se prăbușește: Faceți clic pe ramuri pentru a extinde sau restrânge. Util pentru concentrarea pe subarbori specifici de date mari.
  3. Caută: Filtrați după cheie sau valoare. Ramurile potrivite rămân vizibile; care nu se potrivesc sunt ascunse.
  4. Inspectați anumite valori: Faceți clic pe o frunză pentru a vedea valoarea sa completă (utilă pentru șiruri lungi) și copiați calea (de exemplu, users.0.profile.email) pentru a fi utilizată în cod.

Cazuri comune de utilizare

Detalii tehnice

Analiza JSON folosește JSON.parse, care eșuează la intrarea nevalidă, cu o eroare de analizare care indică locația problemei. JSON valid se redă într-un obiect JavaScript pe care vizualizatorul îl parcurge recursiv pentru a produce arborele.

Redare: fiecare nivel de cuib devine o ramură indentată. Cheile obiectelor sunt etichete; valorile sunt redate în funcție de tip - șiruri de caractere între ghilimele, numere fără, booleeni ca adevărat/fals, nul în mod explicit, obiectele și matricele ca ramuri pliabile.

Performanță: JSON foarte mare (10 MB+) poate încetini redarea. Expansiunea leneșă (redând doar ramurile vizibile în prezent) ajută. Căutarea în documente mari poate dura mult timp; indexarea arborelui la prima analiză ajută.

Cele mai bune practici

Întrebări frecvente

Cât de adânc poate ajunge arborele JSON?
Nu există limită de adâncime artificială. Instrumentul redă arbori la fel de adânci pe cât este structura dvs. JSON. Cu toate acestea, imbricarea extrem de adâncă (100+ niveluri) poate încetini redarea în browser.
Pot căuta în arborele JSON?
Folosiți Ctrl/Cmd+F pentru a căuta chei sau valori. Nodurile care se potrivesc vor fi evidențiate, iar nodurile lor părinte vor fi extinse automat pentru a afișa calea.
Ce format de cale JSON este folosit?
Instrumentul folosește notația punct JSONPath ($.key.nested.array[0].value). Acest format este compatibil cu accesul la proprietatea JavaScript și cu majoritatea bibliotecilor JSONPath.
Pot edita valorile din arbore?
Acesta este un vizualizator numai pentru citire pentru explorare. Pentru a edita JSON, utilizați instrumentul nostru JSON Formatter care oferă o interfață editabilă cu validare.
Sunt datele mele încărcate?
Nu. Analiza și redarea au loc în browserul dvs.
Cum export o parte din arbore?
Majoritatea spectatorilor oferă copiere ca JSON pentru ramurile selectate. Valoarea exportată este aceeași structură cu doar cheile selectate.
De ce arborele este lent cu date mari?
Redarea DOM a multor noduri este costisitoare. Expansiunea leneșă (redând doar ramuri vizibile) ajută; pentru date foarte mari, instrumentele dedicate (jq, code) sunt mai eficiente.
Pot vedea JSON de la o adresă URL?
Unii spectatori preiau adrese URL direct. Alții necesită lipire. CORS poate împiedica preluarea cu origini încrucișate de la unele adrese URL.