उपकरण > JSONJSON फॉर्मेटर
इंडेंट साइज़
इनपुट
आउटपुट
वैध JSONनहीं
लाइनें0
गहराई0
साइज़ (बाइट्स)0

JSON फॉर्मेटर और ब्यूटिफायर

कच्चे, मिनिफाइड या खराब फॉर्मेट किए गए JSON को फॉर्मेटिंग स्टाइल पर पूरे नियंत्रण के साथ फॉर्मेट और सुंदर बनाकर खूबसूरती से इंडेंट किए गए आउटपुट में बदलें। यह टूल JSONC (JSON विद कमेंट्स), ट्रेलिंग कॉमा रिमूवल, कॉम्पैक्ट/मिनिफाइड आउटपुट, नेस्टेड ऐरे और ऑब्जेक्ट की रिकर्सिव इनलाइनिंग, और यूनिकोड एस्केपिंग को सपोर्ट करता है — सारी फॉर्मेटिंग और ब्यूटिफाइंग पूरी प्राइवेसी के लिए आपके ब्राउज़र में होती है।

इस टूल का उपयोग कैसे करें

  1. अपना JSON पेस्ट करेंकच्चा, मिनिफाइड या अव्यवस्थित JSON इनपुट पैनल में पेस्ट करें। टूल स्टैंडर्ड JSON और वैकल्पिक रूप से JSONC (कमेंट और ट्रेलिंग कॉमा के साथ) को स्वीकार करता है।
  2. इंडेंटेशन स्टाइल चुनेंइंडेंटेशन के लिए स्पेस या टैब चुनें। अपने प्रोजेक्ट की कोडिंग स्टाइल के अनुसार इंडेंट साइज़ (20 स्तरों तक) एडजस्ट करने के लिए स्लाइडर का उपयोग करें या सीधे वैल्यू टाइप करें।
  3. फॉर्मेटिंग विकल्प कॉन्फिगर करेंकॉम्पैक्ट आउटपुट के लिए "मिनिफाई" सक्षम करें, या छोटे ऐरे और ऑब्जेक्ट की रिकर्सिव इनलाइनिंग, खाली स्ट्रक्चर कोलैप्सिंग और यूनिकोड एस्केपिंग से फाइन-ट्यून करें। स्ट्रक्चर कितने आक्रामक रूप से इनलाइन हों यह नियंत्रित करने के लिए थ्रेशोल्ड स्लाइडर का उपयोग करें।
  4. JSONC इनपुट हैंडल करेंअगर आपके इनपुट में कमेंट हैं (जैसे tsconfig.json या VS Code सेटिंग्स), तो उसे वैध JSON में बदलने के लिए "कमेंट हटाएं" और "ट्रेलिंग कॉमा हटाएं" सक्षम करें।
  5. परिणाम कॉपी करेंफॉर्मेटेड JSON आउटपुट पैनल में तुरंत दिखाई देता है। इसे क्लिपबोर्ड पर कॉपी करने के लिए कॉपी बटन पर क्लिक करें।

विशेषताएं

कस्टमाइज़ेबल इंडेंटेशन

स्पेस और टैब के बीच चुनें, 20 स्तरों तक कॉन्फिगरेबल इंडेंट साइज़ के साथ। त्वरित एडजस्टमेंट के लिए इंटरैक्टिव स्लाइडर का उपयोग करें या सीधे कोई भी वैल्यू टाइप करें।

मिनिफाई / कॉम्पैक्ट मोड

सभी व्हाइटस्पेस हटाकर JSON को एक लाइन में कॉम्प्रेस करें — पेलोड साइज़ कम करने या URL और API में एम्बेड करने के लिए आदर्श।

JSONC सपोर्ट

फॉर्मेट करने से पहले tsconfig.json, VS Code settings.json और ESLint कॉन्फिग जैसी JSONC फाइलों से सिंगल-लाइन (//) और मल्टी-लाइन (/* */) कमेंट हटाएं।

ट्रेलिंग कॉमा रिमूवल

JSON5-जैसे इनपुट को सख्त JSON में बदलने के लिए ] और } से पहले ट्रेलिंग कॉमा अपने आप हटाएं।

रिकर्सिव इनलाइन शॉर्ट ऐरे और ऑब्जेक्ट

ऐरे और ऑब्जेक्ट को रिकर्सिव रूप से इनलाइन करें — गहरे नेस्टेड स्ट्रक्चर सहित — जब वे कॉन्फिगरेबल कैरेक्टर थ्रेशोल्ड (1000 कैरेक्टर तक) के भीतर फिट हों तो एक ही लाइन पर रखें। {"pool":{"min":2,"max":10}} जैसा नेस्टेड ऑब्जेक्ट फिट होने पर कॉम्पैक्ट रहता है, जबकि बड़े स्ट्रक्चर सामान्य रूप से एक्सपैंड होते हैं।

यूनिकोड एस्केपिंग

स्ट्रिंग वैल्यू में नॉन-ASCII कैरेक्टर को \uXXXX एस्केप सीक्वेंस में बदलें ताकि लीगेसी सिस्टम के साथ कम्पैटिबल ASCII-सेफ JSON आउटपुट मिले।

वास्तविक उपयोग के मामले

1

API रिस्पॉन्स डीबग करना

मिनिफाइड API रिस्पॉन्स पेस्ट करें और उचित इंडेंटेशन के साथ पूरी स्ट्रक्चर तुरंत देखें, जिससे नेस्टेड ऑब्जेक्ट और ऐरे इंस्पेक्ट करना आसान हो जाए।

2

कॉन्फिग फाइलें फॉर्मेट करना

tsconfig.json, package.json या VS Code सेटिंग्स फाइलें साफ करें — कंसिस्टेंट इंडेंटेशन और वैकल्पिक कमेंट स्ट्रिपिंग के साथ।

3

JSON पेलोड मिनिफाई करना

फॉर्मेटेड JSON को एक कॉम्पैक्ट लाइन में कॉम्प्रेस करें ताकि एनवायरनमेंट वेरिएबल, API रिक्वेस्ट बॉडी या URL पैरामीटर में एम्बेड किया जा सके।

4

टीम फॉर्मेटिंग नॉर्मलाइज़ करना

सुनिश्चित करें कि सभी टीम मेंबर एक ही JSON फॉर्मेटिंग स्टाइल (2-स्पेस इंडेंट, कोलैप्स्ड खाली स्ट्रक्चर) उपयोग करें ताकि कोड रिव्यू और diff कंसिस्टेंट रहें।

5

ASCII-सेफ JSON तैयार करना

उन सिस्टम के लिए यूनिकोड कैरेक्टर एस्केप करें जिन्हें ASCII-ओनली JSON की जरूरत है, जैसे पुराने डेटाबेस या लीगेसी API जो UTF-8 सपोर्ट नहीं करते।

अक्सर पूछे जाने वाले प्रश्न

JSONC क्या है और यह टूल इसे कैसे हैंडल करता है?
JSONC (JSON विद कमेंट्स) ऐसा JSON है जो सिंगल-लाइन (//) और मल्टी-लाइन (/* */) कमेंट, साथ ही ट्रेलिंग कॉमा की अनुमति देता है। TypeScript (tsconfig.json) और VS Code (settings.json) जैसे कई टूल JSONC उपयोग करते हैं। JSONC इनपुट को फॉर्मेट करने से पहले वैध स्टैंडर्ड JSON में बदलने के लिए "कमेंट हटाएं" और "ट्रेलिंग कॉमा हटाएं" सक्षम करें।
"छोटे ऐरे इनलाइन करें" विकल्प क्या करता है?
जब सक्षम होता है, तो कैरेक्टर थ्रेशोल्ड (डिफ़ॉल्ट 80) के भीतर फिट होने वाले ऐरे एक लाइन पर रहते हैं — जैसे [1, 2, 3] — बजाय प्रत्येक एलिमेंट को अलग लाइन पर एक्सपैंड करने के। यह रिकर्सिव रूप से काम करता है: नेस्टेड ऑब्जेक्ट या अन्य ऐरे वाले ऐरे भी इनलाइन किए जाते हैं जब तक पूरा सीरियलाइज़्ड फॉर्म थ्रेशोल्ड के भीतर फिट होता है। थ्रेशोल्ड को 1000 कैरेक्टर तक एडजस्ट करने के लिए स्लाइडर का उपयोग करें।
क्या इनलाइनिंग नेस्टेड ऑब्जेक्ट और ऐरे के साथ काम करती है?
हाँ। इनलाइनिंग पूरी तरह रिकर्सिव है। {"pool":{"min":2,"max":10}} या ["tags",[1,2,3]] जैसा स्ट्रक्चर एक ही लाइन पर रहेगा जब तक पूरा सीरियलाइज़्ड फॉर्म कैरेक्टर थ्रेशोल्ड के भीतर फिट होता है। यह छोटे नेस्टेड स्ट्रक्चर वाली कॉन्फिग फाइलों और API रिस्पॉन्स के लिए आउटपुट को काफी अधिक पठनीय बनाता है।
क्या मिनिफाई मोड मेरे JSON को वैलिडेट करता है?
हाँ। टूल फॉर्मेट करने से पहले आपके इनपुट को JSON के रूप में पार्स करता है। अगर इनपुट अमान्य JSON है (और कमेंट/कॉमा स्ट्रिपिंग जैसी प्री-प्रोसेसिंग इसे ठीक नहीं करती), तो आउटपुट की बजाय एक त्रुटि दिखेगी। स्टैट्स बार में "वैध JSON" इंडिकेटर पुष्टि करता है कि पार्सिंग सफल रही या नहीं।
मैं यूनिकोड कैरेक्टर एस्केप क्यों करूँगा?
कुछ लीगेसी सिस्टम, API या डेटाबेस UTF-8 JSON को सही ढंग से हैंडल नहीं करते। नॉन-ASCII कैरेक्टर को \uXXXX सीक्वेंस में एस्केप करने से JSON में केवल ASCII कैरेक्टर रहते हैं जबकि वास्तविक वैल्यू संरक्षित रहती हैं। उदाहरण के लिए, "cafe" "caf\u00e9" बन जाता है।
क्या मेरा डेटा सुरक्षित है? क्या यह किसी सर्वर पर भेजा जाता है?
आपका डेटा कभी आपके ब्राउज़र से बाहर नहीं जाता। सारी JSON फॉर्मेटिंग, पार्सिंग और ट्रांसफॉर्मेशन पूरी तरह JavaScript में क्लाइंट-साइड होती है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता, जिससे यह टूल संवेदनशील या गोपनीय JSON डेटा के लिए भी सुरक्षित है।
यह टूल अधिकतम कितना बड़ा JSON हैंडल कर सकता है?
चूँकि प्रोसेसिंग आपके ब्राउज़र में होती है, सीमा आपके डिवाइस की मेमोरी पर निर्भर करती है। अधिकांश आधुनिक ब्राउज़र बिना किसी समस्या के कई मेगाबाइट की JSON फाइलें हैंडल कर सकते हैं। बहुत बड़ी फाइलों (50MB+) के लिए प्रोसेसिंग धीमी हो सकती है।

संबंधित टूल्स