मुफ्त कनवर्टर

JSON ट्री व्यूअर

इंटरैक्टिव कोलैप्सिबल ट्री में JSON डेटा देखें, फॉर्मेट करें और एक्सप्लोर करें। मुफ्त, सुरक्षित और अपलोड की आवश्यकता नहीं।

JSON फ़ाइल यहाँ ड्रैग और ड्रॉप करें

या नीचे JSON टेक्स्ट पेस्ट करें

या

इस टूल के बारे में

JSON ट्री व्यूअर JSON डेटा को सादे पाठ के बजाय नेविगेशन योग्य पदानुक्रमित ट्री के रूप में प्रदर्शित करते हैं। प्रत्येक वस्तु एक बंधने योग्य शाखा बन जाती है; सरणियाँ अपने आइटमों को व्यक्तिगत रूप से दिखाती हैं; आदिम मूल्य पत्तों के रूप में प्रकट होते हैं। संरचनात्मक दृश्य गहराई से निहित डेटा में विशिष्ट फ़ील्ड ढूंढना, अप्रासंगिक उपवृक्षों को संक्षिप्त करना और बड़े JSON दस्तावेज़ों को नेविगेट करना आसान बनाता है जो फ्लैट टेक्स्ट के रूप में असहनीय होंगे।

स्वरूपित JSON टेक्स्ट की तुलना में, ट्री व्यू बड़े डेटा में नेविगेशन में उत्कृष्टता प्राप्त करता है। 10एमबी एपीआई प्रतिक्रिया को टेक्स्ट के रूप में स्क्रॉल करना अव्यावहारिक है, लेकिन एक पेड़ के रूप में ट्रैक करने योग्य है जहां आप उन शीर्ष-स्तरीय कुंजियों को ध्वस्त कर देते हैं जिनकी आपको परवाह नहीं है और केवल रुचि के हिस्सों का विस्तार करते हैं।

यह व्यूअर आपके ब्राउज़र में एक संरचित ट्री में JSON प्रस्तुत करता है। खोज कुंजी या मान के आधार पर शाखाओं को फ़िल्टर करती है। टाइप-अवेयर डिस्प्ले स्ट्रिंग्स, नंबर्स, बूलियन्स, नल, ऑब्जेक्ट्स और एरेज़ को अलग करता है।

JSON ट्री व्यूअर का उपयोग क्यों करें?

गहराई से नेस्टेड डेटा को टेक्स्ट के रूप में नेविगेट करना कठिन है। कॉन्फ़िगरेशन फ़ाइलों, एपीआई प्रतिक्रियाओं और क्रमबद्ध स्थिति में अक्सर नेस्टिंग के 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) का उपयोग करता है। यह प्रारूप जावास्क्रिप्ट प्रॉपर्टी एक्सेस और अधिकांश JSONPath लाइब्रेरीज़ के साथ संगत है।
क्या मैं ट्री में मान संपादित कर सकता हूँ?
यह अन्वेषण के लिए केवल पढ़ने योग्य दर्शक है। JSON को संपादित करने के लिए, हमारे JSON फ़ॉर्मेटर टूल का उपयोग करें जो सत्यापन के साथ एक संपादन योग्य इंटरफ़ेस प्रदान करता है।
क्या मेरा डेटा अपलोड हो गया है?
नहीं, पार्सिंग और रेंडरिंग आपके ब्राउज़र में होती है।
मैं पेड़ का हिस्सा कैसे निर्यात करूं?
अधिकांश दर्शक चयनित शाखाओं के लिए JSON के रूप में कॉपी की पेशकश करते हैं। निर्यातित मूल्य केवल चयनित कुंजियों के साथ समान संरचना है।
बड़े डेटा के साथ ट्री धीमा क्यों है?
कई नोड्स का DOM रेंडरिंग महंगा है। आलसी विस्तार (केवल दृश्यमान शाखाओं का प्रतिपादन) मदद करता है; बहुत बड़े डेटा के लिए, समर्पित उपकरण (jq, कोड) अधिक कुशल हैं।
क्या मैं किसी URL से JSON देख सकता हूँ?
कुछ दर्शक सीधे यूआरएल लाते हैं। दूसरों को चिपकाने की आवश्यकता होती है। सीओआरएस कुछ यूआरएल से क्रॉस-ऑरिजिन फ़ेचिंग को रोक सकता है।