मोफत कनवर्टर

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 JavaScript ऑब्जेक्टमध्ये रेंडर करतो ज्याला ट्री तयार करण्यासाठी दर्शक वारंवार फिरतो.

प्रस्तुतीकरण: नेस्टिंगची प्रत्येक पातळी इंडेंटेड शाखा बनते. ऑब्जेक्ट की लेबले आहेत; मूल्ये प्रकारावर आधारित आहेत — अवतरणांमध्ये स्ट्रिंग्स, संख्यांशिवाय, सत्य/असत्य म्हणून बूलियन, स्पष्टपणे शून्य, ऑब्जेक्ट्स आणि ॲरे संकुचित करण्यायोग्य शाखा म्हणून.

कार्यप्रदर्शन: खूप मोठा JSON (10MB+) प्रस्तुतीकरण कमी करू शकतो. आळशी विस्तार (केवळ सध्या दिसणाऱ्या शाखांचे प्रस्तुतीकरण) मदत करते. मोठ्या दस्तऐवजांवर शोध घेण्यास लक्षणीय वेळ लागू शकतो; पहिल्या पार्सवर झाडाची अनुक्रमणिका मदत करते.

सर्वोत्तम पद्धती

वारंवार विचारले जाणारे प्रश्न

JSON झाड किती खोलवर जाऊ शकते?
कोणतीही कृत्रिम खोली मर्यादा नाही. तुमची JSON रचना जितकी खोल जाईल तितके हे टूल झाडांना रेंडर करते. तथापि, अत्यंत खोल नेस्टिंग (100+ स्तर) ब्राउझरमध्ये प्रस्तुतीकरण कमी करू शकते.
मी JSON झाडामध्ये शोधू शकतो का?
की किंवा मूल्ये शोधण्यासाठी Ctrl/Cmd+F वापरा. जुळणारे नोड हायलाइट केले जातील आणि त्यांचे मूळ नोड मार्ग दाखवण्यासाठी आपोआप विस्तारले जातील.
JSON पथ स्वरूप कोणते वापरले जाते?
साधन JSONPath डॉट नोटेशन ($.key.nested.array[0].value) वापरते. हे स्वरूप JavaScript मालमत्ता प्रवेश आणि बहुतेक JSONPath लायब्ररीशी सुसंगत आहे.
मी झाडातील मूल्ये संपादित करू शकतो?
हे एक्सप्लोरेशनसाठी केवळ वाचनीय दर्शक आहे. JSON संपादित करण्यासाठी, आमच्या JSON फॉरमॅटर टूलचा वापर करा जे प्रमाणीकरणासह संपादन करण्यायोग्य इंटरफेस प्रदान करते.
माझा डेटा अपलोड झाला आहे का?
नाही. पार्सिंग आणि रेंडरिंग तुमच्या ब्राउझरमध्ये होते.
मी झाडाचा भाग कसा निर्यात करू?
बहुतेक दर्शक निवडलेल्या शाखांसाठी कॉपी-एज-जेएसओएन ऑफर करतात. निर्यात केलेले मूल्य फक्त निवडलेल्या की सह समान रचना आहे.
मोठ्या डेटासह झाड धीमे का आहे?
अनेक नोड्सचे DOM रेंडरिंग महाग आहे. आळशी विस्तार (केवळ दृश्यमान शाखा प्रस्तुत करणे) मदत करते; खूप मोठ्या डेटासाठी, समर्पित साधने (jq, कोड) अधिक कार्यक्षम आहेत.
मी URL वरून JSON पाहू शकतो का?
काही दर्शक थेट URL आणतात. इतरांना पेस्ट करणे आवश्यक आहे. CORS काही URL मधून क्रॉस-ओरिजिन आणणे प्रतिबंधित करू शकते.