મફત કન્વર્ટર

JSON વૃક્ષ દર્શક

ઇન્ટરેક્ટિવ સંકુચિત વૃક્ષમાં JSON ડેટા જુઓ, ફોર્મેટ કરો અને અન્વેષણ કરો. મફત, સુરક્ષિત અને અપલોડની જરૂર નથી.

JSON ફાઇલને અહીં ખેંચો અને છોડો

અથવા નીચે JSON ટેક્સ્ટ પેસ્ટ કરો

અથવા

આ ટૂલ વિશે

JSON ટ્રી વ્યુઅર્સ JSON ડેટાને સાદા ટેક્સ્ટને બદલે નેવિગેબલ હાયરાર્કિકલ ટ્રી તરીકે પ્રદર્શિત કરે છે. દરેક પદાર્થ એક સંકુચિત શાખા બની જાય છે; એરે તેમની વસ્તુઓ વ્યક્તિગત રીતે દર્શાવે છે; આદિમ મૂલ્યો પાંદડા તરીકે દેખાય છે. માળખાકીય દૃશ્ય ઊંડા-નેસ્ટેડ ડેટામાં ચોક્કસ ક્ષેત્રોને શોધવાનું, અપ્રસ્તુત સબટ્રીઝને સંકુચિત કરવાનું અને મોટા JSON દસ્તાવેજોને નેવિગેટ કરવાનું સરળ બનાવે છે જે ફ્લેટ ટેક્સ્ટ તરીકે અવ્યવસ્થિત હશે.

ફોર્મેટ કરેલ JSON ટેક્સ્ટની તુલનામાં, મોટા ડેટામાં નેવિગેશન પર વૃક્ષ દૃશ્યો શ્રેષ્ઠ છે. 10MB API પ્રતિસાદ ટેક્સ્ટ તરીકે સ્ક્રોલ કરવા માટે અવ્યવહારુ છે પરંતુ એક વૃક્ષ તરીકે ટ્રેક્ટેબલ છે જ્યાં તમે ઉચ્ચ-સ્તરની કીને સંકુચિત કરો છો જેની તમે કાળજી લેતા નથી અને ફક્ત રસના ભાગોને વિસ્તૃત કરો છો.

આ દર્શક તમારા બ્રાઉઝરમાં સંરચિત વૃક્ષમાં JSON રેન્ડર કરે છે. કી અથવા મૂલ્ય દ્વારા ફિલ્ટર શાખાઓ શોધો. ટાઈપ-અવેર ડિસ્પ્લે શબ્દમાળાઓ, સંખ્યાઓ, બુલિયન્સ, નલ, ઑબ્જેક્ટ્સ અને એરેને અલગ પાડે છે.

શા માટે JSON ટ્રી વ્યૂઅરનો ઉપયોગ કરવો

ડીપલી નેસ્ટેડ ડેટાને ટેક્સ્ટ તરીકે નેવિગેટ કરવું મુશ્કેલ છે. રૂપરેખાંકન ફાઈલો, API પ્રતિસાદો અને શ્રેણીબદ્ધ સ્થિતિમાં ઘણીવાર માળખાના 5+ સ્તર હોય છે. ટ્રી વ્યુ તમને અપ્રસ્તુત સ્તરને પતન કરવા અને મહત્વની બાબતો પર ધ્યાન કેન્દ્રિત કરવા દે છે; ટેક્સ્ટ દૃશ્યો માટે સાવચેતીપૂર્વક સ્ક્રોલિંગ અને ગણતરી કૌંસની જરૂર છે.

શોધ-અને-ફિલ્ટર ક્ષમતાઓ પણ મહત્વપૂર્ણ છે. એક જટિલ દસ્તાવેજમાં 'user_id' નામની બધી કી શોધવી એ શોધ-જાગૃત દર્શક સાથે ઝડપી છે; સાદા લખાણ સાથે વિશ્વસનીય રીતે કરવું અશક્ય છે.

કેવી રીતે વાપરવું

JSON પેસ્ટ કરો, ટ્રી નેવિગેટ કરો.

  1. તમારું JSON પેસ્ટ કરો: JSON ને ઇનપુટ વિસ્તારમાં મૂકો. દર્શક સંરચિત વૃક્ષનું વિશ્લેષણ અને રેન્ડર કરે છે.
  2. વિસ્તૃત કરો અને સંકુચિત કરો: વિસ્તૃત અથવા સંકુચિત કરવા માટે શાખાઓ પર ક્લિક કરો. મોટા ડેટાના ચોક્કસ પેટા વૃક્ષો પર ધ્યાન કેન્દ્રિત કરવા માટે ઉપયોગી.
  3. શોધો: કી અથવા મૂલ્ય દ્વારા ફિલ્ટર કરો. મેચિંગ શાખાઓ દૃશ્યમાન રહે છે; બિન-મેચિંગ છુપાયેલ છે.
  4. ચોક્કસ મૂલ્યોનું નિરીક્ષણ કરો: તેના સંપૂર્ણ મૂલ્ય (લાંબા શબ્દમાળાઓ માટે ઉપયોગી) જોવા માટે પાંદડા પર ક્લિક કરો અને કોડમાં ઉપયોગ કરવા માટે પાથ (દા.ત. user.0.profile.email) ની નકલ કરો.

સામાન્ય ઉપયોગના કેસો

ટેકનિકલ વિગતો

JSON પાર્સિંગ JSON.parse નો ઉપયોગ કરે છે, જે સમસ્યાના સ્થાન તરફ નિર્દેશ કરતી પાર્સ ભૂલ સાથે અમાન્ય ઇનપુટ પર નિષ્ફળ જાય છે. માન્ય JSON જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટમાં રેન્ડર કરે છે જેને દર્શક વૃક્ષ બનાવવા માટે વારંવાર ચાલે છે.

રેન્ડરિંગ: માળખાના દરેક સ્તર એક ઇન્ડેન્ટેડ શાખા બની જાય છે. ઑબ્જેક્ટ કીઓ લેબલ્સ છે; મૂલ્યો પ્રકાર પર આધારિત રેન્ડર કરવામાં આવે છે — અવતરણમાં શબ્દમાળાઓ, વિના નંબરો, સાચા/ખોટા તરીકે બુલિયન, સ્પષ્ટપણે નલ, સંકુચિત શાખાઓ તરીકે ઑબ્જેક્ટ્સ અને એરે.

પ્રદર્શન: ખૂબ મોટી JSON (10MB+) રેન્ડરિંગને ધીમું કરી શકે છે. આળસુ વિસ્તરણ (માત્ર વર્તમાનમાં દેખાતી શાખાઓનું રેન્ડરીંગ) મદદ કરે છે. મોટા દસ્તાવેજોની શોધમાં નોંધપાત્ર સમય લાગી શકે છે; પ્રથમ પાર્સ પર વૃક્ષને અનુક્રમિત કરવું મદદ કરે છે.

શ્રેષ્ઠ વ્યવહાર

વારંવાર પૂછાતા પ્રશ્નો

JSON વૃક્ષ કેટલા ઊંડે જઈ શકે?
ત્યાં કોઈ કૃત્રિમ ઊંડાઈ મર્યાદા નથી. ટૂલ વૃક્ષોને તમારી JSON સ્ટ્રક્ચર જેટલું ઊંડાણ આપે છે. જો કે, અત્યંત ડીપ નેસ્ટિંગ (100+ લેવલ) બ્રાઉઝરમાં રેન્ડરિંગને ધીમું કરી શકે છે.
શું હું JSON વૃક્ષની અંદર શોધી શકું?
કી અથવા મૂલ્યો શોધવા માટે Ctrl/Cmd+F નો ઉપયોગ કરો. મેચિંગ નોડ્સ હાઇલાઇટ કરવામાં આવશે અને તેમના પેરેન્ટ નોડ્સ પાથ બતાવવા માટે આપમેળે વિસ્તૃત થશે.
કયા JSON પાથ ફોર્મેટનો ઉપયોગ થાય છે?
સાધન JSONPath ડોટ નોટેશન ($.key.nested.array[0].value) નો ઉપયોગ કરે છે. આ ફોર્મેટ JavaScript પ્રોપર્ટી એક્સેસ અને મોટાભાગની JSONPath લાઇબ્રેરીઓ સાથે સુસંગત છે.
શું હું વૃક્ષમાં મૂલ્યો સંપાદિત કરી શકું?
આ અન્વેષણ માટે ફક્ત વાંચવા માટેનો દર્શક છે. JSON સંપાદિત કરવા માટે, અમારા JSON ફોર્મેટર ટૂલનો ઉપયોગ કરો જે માન્યતા સાથે સંપાદનયોગ્ય ઇન્ટરફેસ પ્રદાન કરે છે.
શું મારો ડેટા અપલોડ થયો છે?
ના. પાર્સિંગ અને રેન્ડરિંગ તમારા બ્રાઉઝરમાં થાય છે.
હું વૃક્ષનો ભાગ કેવી રીતે નિકાસ કરી શકું?
મોટાભાગના દર્શકો પસંદ કરેલી શાખાઓ માટે JSON-એઝ-કોપી ઓફર કરે છે. નિકાસ કરેલ મૂલ્ય એ માત્ર પસંદ કરેલી કી સાથે સમાન માળખું છે.
મોટા ડેટા સાથે વૃક્ષ કેમ ધીમું છે?
ઘણા નોડ્સનું DOM રેન્ડરિંગ ખર્ચાળ છે. આળસુ વિસ્તરણ (ફક્ત દૃશ્યમાન શાખાઓનું રેન્ડરીંગ) મદદ કરે છે; ખૂબ મોટા ડેટા માટે, સમર્પિત સાધનો (jq, કોડ) વધુ કાર્યક્ષમ છે.
શું હું URL થી JSON જોઈ શકું?
કેટલાક દર્શકો સીધા જ URL મેળવે છે. અન્યને પેસ્ટ કરવાની જરૂર છે. CORS કેટલાક URL માંથી ક્રોસ-ઓરિજિન આનયન અટકાવી શકે છે.