സൗജന്യ കൺവെർട്ടർ

JSON മരം കാഴ്ചക്കാരൻ

ഒരു ഇൻ്ററാക്ടീവ് കോലാപ്‌സിബിൾ ട്രീയിൽ JSON ഡാറ്റ കാണുക, ഫോർമാറ്റ് ചെയ്യുക, പര്യവേക്ഷണം ചെയ്യുക. സൗജന്യവും സുരക്ഷിതവും അപ്‌ലോഡ് ആവശ്യമില്ല.

JSON ഫയൽ ഇവിടെ വലിച്ചിടുക

അല്ലെങ്കിൽ താഴെ JSON ടെക്സ്റ്റ് ഒട്ടിക്കുക

അല്ലെങ്കിൽ

ഈ ടൂളിനെ കുറിച്ച്

JSON ട്രീ വ്യൂവർമാർ JSON ഡാറ്റയെ പ്ലെയിൻ ടെക്‌സ്‌റ്റ് എന്നതിലുപരി നാവിഗബിൾ ഹൈറാർക്കിക്കൽ ട്രീ ആയി പ്രദർശിപ്പിക്കുന്നു. ഓരോ വസ്തുവും ഒരു പൊളിഞ്ഞുവീഴാവുന്ന ശാഖയായി മാറുന്നു; ശ്രേണികൾ അവയുടെ ഇനങ്ങൾ വ്യക്തിഗതമായി കാണിക്കുന്നു; പ്രാകൃത മൂല്യങ്ങൾ ഇലകളായി കാണപ്പെടുന്നു. ഘടനാപരമായ കാഴ്‌ച ആഴത്തിൽ നെസ്റ്റഡ് ചെയ്‌ത ഡാറ്റയിൽ നിർദ്ദിഷ്ട ഫീൽഡുകൾ കണ്ടെത്തുന്നത് എളുപ്പമാക്കുന്നു, അപ്രസക്തമായ സബ്‌ട്രീകൾ തകർക്കുക, ഫ്ലാറ്റ് ടെക്‌സ്‌റ്റായി കൈകാര്യം ചെയ്യാൻ കഴിയാത്ത വലിയ JSON പ്രമാണങ്ങൾ നാവിഗേറ്റ് ചെയ്യുക.

ഫോർമാറ്റ് ചെയ്ത JSON ടെക്‌സ്‌റ്റുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ, വലിയ ഡാറ്റയിൽ നാവിഗേഷനിൽ ട്രീ കാഴ്‌ചകൾ മികച്ചതാണ്. 10MB API പ്രതികരണം ടെക്‌സ്‌റ്റായി സ്‌ക്രോൾ ചെയ്യുന്നത് അപ്രായോഗികമാണ്, എന്നാൽ നിങ്ങൾ ശ്രദ്ധിക്കാത്ത ടോപ്പ്-ലെവൽ കീകൾ നിങ്ങൾ തകർക്കുകയും താൽപ്പര്യമുള്ള ഭാഗങ്ങൾ മാത്രം വികസിപ്പിക്കുകയും ചെയ്യുന്ന ഒരു ട്രീ എന്ന നിലയിൽ ഇത് ട്രാക്ക് ചെയ്യാവുന്നതാണ്.

ഈ വ്യൂവർ നിങ്ങളുടെ ബ്രൗസറിലെ ഒരു ഘടനാപരമായ ട്രീയിൽ JSON റെൻഡർ ചെയ്യുന്നു. കീ അല്ലെങ്കിൽ മൂല്യം അനുസരിച്ച് ബ്രാഞ്ചുകൾ തിരയുക. ടൈപ്പ്-അവെയർ ഡിസ്‌പ്ലേ സ്ട്രിംഗുകൾ, നമ്പറുകൾ, ബൂലിയൻസ്, നൾ, ഒബ്‌ജക്‌റ്റുകൾ, അറേകൾ എന്നിവയെ വേർതിരിക്കുന്നു.

എന്തുകൊണ്ട് ഒരു JSON ട്രീ വ്യൂവർ ഉപയോഗിക്കുക

ആഴത്തിൽ നെസ്റ്റഡ് ഡാറ്റ ടെക്സ്റ്റായി നാവിഗേറ്റ് ചെയ്യാൻ പ്രയാസമാണ്. കോൺഫിഗറേഷൻ ഫയലുകൾ, API പ്രതികരണങ്ങൾ, സീരിയലൈസ് ചെയ്ത അവസ്ഥ എന്നിവയ്ക്ക് പലപ്പോഴും 5+ ലെവലുകൾ നെസ്റ്റിംഗ് ഉണ്ടായിരിക്കും. അപ്രസക്തമായ ലെവലുകൾ തകർക്കാനും പ്രധാനപ്പെട്ട കാര്യങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കാനും ഒരു ട്രീ വ്യൂ നിങ്ങളെ അനുവദിക്കുന്നു; ടെക്സ്റ്റ് കാഴ്‌ചകൾക്ക് ശ്രദ്ധാപൂർവ്വം സ്ക്രോളിംഗും ബ്രാക്കറ്റുകളുടെ എണ്ണവും ആവശ്യമാണ്.

സെർച്ച് ആൻഡ് ഫിൽട്ടർ കഴിവുകളും പ്രധാനമാണ്. 'user_id' എന്ന് പേരിട്ടിരിക്കുന്ന എല്ലാ കീകളും ഒരു സങ്കീർണ്ണ രേഖയിലുടനീളം കണ്ടെത്തുന്നത് ഒരു തിരയൽ-അറിയുന്ന വ്യൂവർ ഉപയോഗിച്ച് വേഗത്തിലാണ്; പ്ലെയിൻ ടെക്സ്റ്റ് ഉപയോഗിച്ച് വിശ്വസനീയമായി ചെയ്യാൻ കഴിയില്ല.

ഉപയോഗിക്കേണ്ട വിധം

JSON ഒട്ടിക്കുക, ട്രീ നാവിഗേറ്റ് ചെയ്യുക.

  1. നിങ്ങളുടെ JSON ഒട്ടിക്കുക: ഇൻപുട്ട് ഏരിയയിലേക്ക് JSON ഡ്രോപ്പ് ചെയ്യുക. ഘടനാപരമായ വൃക്ഷത്തെ കാഴ്ചക്കാരൻ പാഴ്‌സ് ചെയ്യുകയും റെൻഡർ ചെയ്യുകയും ചെയ്യുന്നു.
  2. വികസിപ്പിക്കുകയും തകരുകയും ചെയ്യുക: വിപുലീകരിക്കാനോ തകർക്കാനോ ശാഖകളിൽ ക്ലിക്ക് ചെയ്യുക. വലിയ ഡാറ്റയുടെ നിർദ്ദിഷ്‌ട സബ്‌ട്രീകളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നതിന് ഉപയോഗപ്രദമാണ്.
  3. തിരയുക: കീ അല്ലെങ്കിൽ മൂല്യം അനുസരിച്ച് ഫിൽട്ടർ ചെയ്യുക. പൊരുത്തപ്പെടുന്ന ശാഖകൾ ദൃശ്യമാകും; പൊരുത്തപ്പെടാത്തത് മറച്ചിരിക്കുന്നു.
  4. നിർദ്ദിഷ്ട മൂല്യങ്ങൾ പരിശോധിക്കുക: ഒരു ഇലയുടെ പൂർണ്ണ മൂല്യം കാണുന്നതിന് (നീണ്ട സ്ട്രിംഗുകൾക്ക് ഉപയോഗപ്രദമാണ്) കോഡിൽ ഉപയോഗിക്കുന്നതിന് പാത്ത് (ഉദാ. users.0.profile.email) പകർത്തുക.

സാധാരണ ഉപയോഗ കേസുകൾ

സാങ്കേതിക വിശദാംശങ്ങൾ

JSON പാഴ്‌സിംഗ് JSON.parse ഉപയോഗിക്കുന്നു, ഇത് പ്രശ്നത്തിൻ്റെ ലൊക്കേഷനിലേക്ക് വിരൽ ചൂണ്ടുന്ന പാഴ്‌സ് പിശകുള്ള അസാധുവായ ഇൻപുട്ടിൽ പരാജയപ്പെടുന്നു. സാധുവായ JSON ഒരു JavaScript ഒബ്‌ജക്റ്റിലേക്ക് റെൻഡർ ചെയ്യുന്നു, അത് കാഴ്ചക്കാരൻ ആവർത്തിച്ച് നടന്ന് ട്രീ നിർമ്മിക്കുന്നു.

റെൻഡറിംഗ്: നെസ്റ്റിംഗിൻ്റെ ഓരോ ലെവലും ഒരു ഇൻഡൻ്റ് ശാഖയായി മാറുന്നു. ഒബ്ജക്റ്റ് കീകൾ ലേബലുകളാണ്; മൂല്യങ്ങൾ തരം അടിസ്ഥാനമാക്കിയാണ് റെൻഡർ ചെയ്യുന്നത് - ഉദ്ധരണികളിലെ സ്ട്രിംഗുകൾ, അക്കങ്ങൾ ഇല്ലാത്തത്, ബൂളിയൻസ് ശരി/തെറ്റ്, ശൂന്യം, സ്പഷ്ടമായും ഒബ്ജക്റ്റുകളും അറേകളും തകർക്കാവുന്ന ശാഖകളായി.

പ്രകടനം: വളരെ വലിയ 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-കൾ ലഭ്യമാക്കുന്നു. മറ്റുള്ളവർക്ക് ഒട്ടിക്കൽ ആവശ്യമാണ്. ചില URL-കളിൽ നിന്ന് ക്രോസ്-ഒറിജിൻ ലഭ്യമാക്കുന്നത് CORS തടഞ്ഞേക്കാം.