मुख्य सामग्री पर जाएं
CuteJSON
↑↓ नेविगेट करें Enter चुनें Esc बंद करें

एक बड़े JSON दस्तावेज़ को ट्री के रूप में कैसे एक्सप्लोर करें

प्रकाशित 3 मिनट का पाठ Akash Kinkar Pandey द्वारा

एक API प्रतिक्रिया या कॉन्फ़िग फ़ाइल जो कुछ स्तरों से गहरी है, कच्चे पाठ के रूप में पढ़ना कठिन है। कर्ली ब्रेसेस गिनना यह जानने के लिए कि एक एरे कहाँ समाप्त होता है, या एक कुंजी खोजने के लिए हज़ारों लाइनों से स्क्रॉल करना, यह वह नहीं है जो कोई भी अपना समय बिताना चाहता है।

JSON दर्शक का उपयोग करना

एक दस्तावेज़ पेस्ट करें और ट्री खुद को तैयार कर देता है जैसे ही आप टाइप करना बंद करते हैं। हर ऑब्जेक्ट और एरे एक disclosure है जिसे आप खोल और बंद कर सकते हैं, और सभी का विस्तार करें या सभी को संक्षिप्त करें पूरे दस्तावेज़ के लिए एक साथ ऐसा करता है। किसी पत्ते के मान पर क्लिक करना उसे चुनता है, संपादक फलक में उसके सटीक स्रोत पाठ को हाइलाइट करता है, और ट्री के ऊपर उसका पथ दिखाता है, एक बटन से कॉपी करने के लिए तैयार।

पेस्ट करें

{"data":{"items":[{"name":"first"},{"name":"second"}]},"id":12345678901234567890}

और दूसरे आइटम के name पर क्लिक करने पर $.data.items[1].name पथ के रूप में दिखाता है। यह एक वास्तविक JSONPath अभिव्यक्ति है जिसे आप सीधे JSONPath टेस्टर में पेस्ट कर सकते हैं यदि आपको उस आकार के हर मैच के लिए क्वेरी करनी है।

बड़े दस्तावेज़ टैब क्यों नहीं फ़्रीज़ करते

एक ट्री जो हर पंक्ति को पहले से रेंडर करता है वही है जो अन्य दर्शकों को बड़े दस्तावेज़ पर लटका देता है: दस हज़ार DOM नोड्स को व्यवस्थित करने में वास्तविक समय लगता है चाहे पार्सिंग कितनी भी तेज़ हो। यह दर्शक केवल तभी एक शाखा खींचता है जब आप उसे खोलते हैं, इसलिए एक बंद कंटेनर का कोई खर्च नहीं है। सभी का विस्तार करें को अभी भी सब कुछ खींचना होता है, इसलिए 3000 मानों से अधिक होने पर यह मना कर देता है और टैब को लॉक करने के बजाय गिनती बताता है, और आप उस बिंदु के बाद भी शाखाओं को व्यक्तिगत रूप से खोल सकते हैं।

आप वास्तव में क्या देख रहे हैं

ट्री उसी टोकन स्ट्रीम से बना है जिसे फ़ॉर्मेटर फिर से प्रिंट करता है, JSON.parse द्वारा पार्स किए गए मान से नहीं। एक बीस अंकों का पूर्णांक ट्री में हर अंक को रखता है, और एक ऑब्जेक्ट कुंजी जो एक संख्या की तरह दिखती है वह उसी स्थिति में रहती है जहाँ आपने इसे लिखा था, ठीक इस साइट के हर अन्य उपकरण की तरह। ट्री आपका दस्तावेज़ दिखाता है, JavaScript की व्याख्या नहीं।

“यह मान कहाँ है” का उत्तर देने का तेज़ तरीका

यदि आपने कभी किसी JSON फ़ाइल में किसी मान के लिए grep किया है और केवल तीन मैच मिले और यह बताने का कोई तरीका नहीं था कि कौन सा किस ऑब्जेक्ट के अंदर है, यह तेज़ पथ है: ट्री खोलें, मान पर क्लिक करें, और पथ पढ़ें। यह उल्टा भी काम करता है। ट्री में किसी मान को चुनना संपादक में उसके सटीक स्रोत पाठ तक स्क्रॉल करता है और उसे हाइलाइट करता है, जो किसी ऐसे दस्तावेज़ में एक विशिष्ट फ़ील्ड खोजने का सबसे तेज़ तरीका है जो आपने खुद नहीं लिखा था।

सभी लेखों पर लौटें