JSON ट्री व्यूअर

JSON ट्री व्यूअर कैसे इस्तेमाल करें

1. इनपुट क्षेत्र में JSON डॉक्यूमेंट पेस्ट करें।
2. ट्री ब्राउज़ करें; शाखाएँ खोलने या बंद करने के लिए तीर पर क्लिक करें।
3. किसी वैल्यू के पास बने पाथ बैज पर क्लिक करके उसका JSONPath क्लिपबोर्ड में कॉपी करें।

JSON ट्री व्यूअर की खूबियाँ

• हर नोड पर टाइप बैज और आइटम/की काउंट के साथ कोलैप्सिबल ट्री
• किसी भी नोड पर क्लिक करके उसका JSONPath कॉपी करें ($.users[0].email)
• सभी खोलें / सभी बंद करें के कंट्रोल
• ओवरव्यू आँकड़े: ऑब्जेक्ट, ऐरे, लीफ़ वैल्यू और अधिकतम डेप्थ
• पेस्ट या एडिट करते ही लाइव रेंडरिंग
• 500 से ज़्यादा एंट्री वाले कंटेनर को पेजिनेट करके बड़े डॉक्यूमेंट संभालता है

JSON ट्री व्यूअर का उदाहरण

{"order":{"id":1001,"items":[{"sku":"KB-100","qty":2}]}}

$ {1 key}
  order {2 keys}
    id: 1001  (number)
    items [1 item]
      [0] {2 keys}
        sku: "KB-100"  (string)
        qty: 2  (number)

JSON ट्री व्यूअर के बारे में अक्सर पूछे जाने वाले सवाल

तकनीकी नोट्स

पार्सिंग उसी parseJson helper से होती है जो JSON Formatter इस्तेमाल करता है: शुरुआत का UTF-8 BOM हटता है, फिर ब्राउज़र का native JSON.parse काम करता है, इसलिए ट्री दस्तावेज़ को वैसे ही दिखाता है जैसे JavaScript इंजन उसे रखता है। इसके दो नतीजे हैं: duplicate keys में सिर्फ़ आख़िरी वैल्यू बचती है, और 2^53 − 1 से बड़े integer गोल दिखते हैं — यह व्यूअर वह unsafe-integer जाँच नहीं चलाता जो JSON Validator करता है।

ट्री native <details> एलिमेंट से बनता है: root और सीधे children खुले शुरू होते हैं, गहरे नोड बंद, और Expand/Collapse all हर एलिमेंट टॉगल करते हैं। पाथ रेंडर करते समय बनते हैं — array index [0], identifier जैसी key .key, और बाक़ी हर key ["key"] बनती है, अंदरूनी कोट escape करके। हर container पहली 500 entries पर कटता है, और overview एक recursive walk से आता है जिसमें root की depth 0 है।