JSON को Online Validate, Minify और Pretty-Print कैसे करें

JSON हर जगह है। Config files, API responses, environment diffs, database exports — ज़्यादातर developers जितना मानते हैं, उससे कहीं ज़्यादा वक्त JSON पढ़ने, लिखने और debug करने में जाता है। फिर भी default experience अक्सर text की एक दीवार होती है जिस पर नज़र टिकती नहीं, या एक minified blob जिसके अंदर कहीं syntax error छुपी होती है।

यह guide तीन operations cover करती है जो हर developer रोज़ JSON के साथ करता है: validate करना (क्या यह valid JSON भी है?), pretty-print करना (इसे readable बनाना), और minify करना (production पर भेजने से पहले whitespace हटाना)। तीनों काम आप browser में JSON Formatter → से कर सकते हैं — कोई install नहीं, कोई account नहीं, कोई terminal नहीं।

JSON Formatting क्यों ज़रूरी है

Formatting सिर्फ दिखावे की बात नहीं है। JSON एक software system में दो अलग-अलग काम करता है, और दोनों एक-दूसरे के उलट हैं:

Human-readable JSON — config files, code review, debugging और documentation के लिए — को indentation, line breaks और visual structure की ज़रूरत होती है। एक deeply nested object एक ही line पर लिखा हो तो practically पढ़ा नहीं जा सकता।

Production JSON — API payloads, build artifacts और network पर जाने वाली किसी भी चीज़ के लिए — से वह सारा whitespace हटा देना चाहिए। Whitespace यानी bytes, और bytes मिलकर बड़े होते हैं। Minified JSON payload, pretty-printed equivalent से 20–40% छोटा हो सकता है, जो बड़े scale पर मायने रखता है।

दिक्कत यह है कि ज़्यादातर developers इन दोनों forms के बीच manually toggle करते रहते हैं। Online formatter में paste करते हैं, वापस copy करते हैं, deploy से पहले minify करना भूल जाते हैं, या एक trailing comma वाला config ship कर देते हैं जो staging पर तो fail करता है लेकिन locally नहीं। एक tool जो तीनों काम करे — validate, format, minify — वह सारी झंझट खत्म कर देता है।

JSON Pretty-Printing: क्या है और कैसे करें

Pretty-printing का मतलब है compact या collapsed JSON को consistent indentation और line breaks के साथ expand करना ताकि इंसान उसे पढ़ सके।

यह लें:

{"user":{"id":42,"name":"Ada Lovelace","roles":["admin","editor"],"preferences":{"theme":"dark","notifications":true}}}

2-space indentation के साथ pretty-print करने पर यह बनता है:

{
  "user": {
    "id": 42,
    "name": "Ada Lovelace",
    "roles": [
      "admin",
      "editor"
    ],
    "preferences": {
      "theme": "dark",
      "notifications": true
    }
  }
}

Data वही है। Readability बिल्कुल अलग। दूसरा form वही है जो आप pull request review करते वक्त, API response debug करते वक्त, या हाथ से config file लिखते वक्त चाहते हैं।

Standard 2-space indentation है (JSON spec खुद इस बारे में कुछ नहीं कहता, लेकिन JavaScript ecosystem में 2 spaces लगभग universal convention है)। कुछ teams 4 spaces या tabs use करती हैं — ज़रूरी यह है कि consistency बनी रहे।

Browser में pretty-print करने के लिए: अपना JSON JSON Formatter → में paste करें और Format पर click करें। Tool तुरंत clean, readable output दे देता है।

Programmatically pretty-print करने के लिए:

// JavaScript / Node.js
const raw = '{"name":"Ada","roles":["admin","editor"]}';
const pretty = JSON.stringify(JSON.parse(raw), null, 2);
console.log(pretty);

JSON.stringify का तीसरा argument indentation level है। 2-space indent के लिए 2 दें, 4-space के लिए 4, या tabs के लिए "\t"।

Production के लिए JSON Minify करना

Minification सभी non-essential whitespace — spaces, tabs, newlines — को data बदले बिना हटा देती है। Result एक single line का dense JSON होता है जिसे parsers तो पसंद करते हैं, इंसान नहीं।

ऊपर वाला pretty-printed example minify होने पर:

{"user":{"id":42,"name":"Ada Lovelace","roles":["admin","editor"],"preferences":{"theme":"dark","notifications":true}}}

यह वही JSON है। हर key, हर value, हर nested object — सब intact। फर्क सिर्फ यह है कि whitespace गया।

यह कब matter करता है?

API responses — छोटे payloads का मतलब है faster network transfer और कम bandwidth cost
Build artifacts — frontend app के साथ bundle होने वाली JSON config files को किसी भी दूसरे asset की तरह minify करना चाहिए
Environment configs — कुछ systems में environment variable size की hard limit होती है; minified JSON ज़्यादा cleanly fit होता है
Environments के बीच diffing — अलग-अलग indentation style वाली दो config files noisy diffs देती हैं; दोनों को पहले minify करने से actual changes साफ दिखते हैं

Browser में minify करने के लिए: JSON Formatter → में paste करें और Minify click करें। Copy के लिए तैयार single-line output मिलती है।

Programmatically minify करने के लिए:

// JavaScript / Node.js
const pretty = `{
  "name": "Ada",
  "roles": ["admin", "editor"]
}`;
 
const minified = JSON.stringify(JSON.parse(pretty));
console.log(minified);
// {"name":"Ada","roles":["admin","editor"]}

JSON.stringify बिना spacing argument के default में minified output देता है।

JSON Syntax Validate करना

Validation एक सवाल का जवाब देती है: क्या यह valid JSON है? यह नहीं कि data आपकी application के लिए सही है — बस यह कि syntax JSON spec के हिसाब से legal है या नहीं।

यह तब तक trivial लगता है जब तक आप किसी config file की parse error को घूरते हुए यह न समझ पाएं कि 400 lines में से कौन सी line टूटी हुई है।

Invalid JSON की आम वजहें:

Trailing commas

{
  "name": "Ada",
  "roles": ["admin", "editor"],
}

"editor" के बाद वाला trailing comma JSON में illegal है (JavaScript और JSONC में ठीक है, लेकिन strict JSON में नहीं)। Parsers इसे reject करेंगे।

Double quotes की जगह single quotes

{
  'name': 'Ada'
}

JSON में सभी strings और keys के लिए double quotes ज़रूरी हैं। Single quotes valid नहीं हैं।

Unquoted keys

{
  name: "Ada"
}

JSON में keys strings होनी चाहिए। यह valid JavaScript object literal syntax है लेकिन valid JSON नहीं।

Comments

{
  // author config
  "name": "Ada"
}

JSON comments support नहीं करता। अगर config file में comments चाहिए तो JSONC, YAML, या TOML देखें — YAML vs JSON vs TOML comparison में tradeoffs detail में cover हैं।

Missing या mismatched brackets

{
  "user": {
    "name": "Ada"
  
}

Unclosed object या array parsing fail कर देगा। बड़ी file में यह आंख से पकड़ना आसान नहीं होता।

जब आप invalid JSON JSON Formatter → में paste करते हैं, तो वह error inline highlight करता है — exact line और character दिखाता है जहां problem है। आप सीधे editor में fix करते हैं और दोबारा validate करते हैं। कोई terminal नहीं, REPL में JSON.parse नहीं, कोई अंदाज़ा नहीं।

आम JSON Errors और उन्हें कैसे ठीक करें

Error	वजह	Fix
`Unexpected token ,`	Trailing comma	आखिरी item के बाद comma हटाएं
`Unexpected token '`	Single-quoted string	Double quotes से replace करें
`Unexpected token }`	कहीं और closing bracket missing	Check करें कि हर `{` का matching `}` है
`Unexpected end of JSON input`	Input truncated है	पूरा JSON paste हुआ है या नहीं देखें
`Unexpected token /`	JSON में comment	Comments हटाएं; ज़रूरत हो तो JSONC use करें
`SyntaxError: Unexpected token u`	`undefined` value	JSON `undefined` support नहीं करता; `null` use करें

एक debugging pattern जो काम आता है: अगर बड़ा, deeply nested JSON blob है और error नहीं मिल रही, पहले validator में paste करें। वह exact position बताएगा। फिर वहीं fix करके corrected version pretty-print करें।

एक Practical JSON Workflow (Step by Step)

यह sequence ज़्यादातर real-world JSON tasks एक बार में cover करती है:

JSON copy करें — जहां भी हो: API response, config file, database export, terminal output।
JSON Formatter → में paste करें।
पहले validate करें। अगर syntax errors हैं, tool उन्हें inline highlight करता है। कुछ और करने से पहले उन्हें fix करें।
Pretty-print करें अगर data पढ़ना है, structure review करना है, या किसी teammate के साथ share करना है। Format click करें।
Minify करें अगर output कहीं जा रही है जहां whitespace की ज़रूरत नहीं — API payload, build artifact, env variable। Minify click करें।
Result copy करें और जहां जाना है वहां paste करें।

बस यही पूरा workflow है। कोई install नहीं, कोई terminal नहीं, कोई half-broken browser extension नहीं। Advanced काम के लिए — जैसे inline values edit करना, tree view navigate करना, या JSON को CSV में convert करना — JSON Viewer and Editor guide अगले level की tooling cover करती है।

कौन सा Operation कब Use करें

स्थिति	Operation
API response मिला जो पढ़ा नहीं जा रहा	Pretty-print
हाथ से config file लिख रहे हैं	Edit करते वक्त pretty-print, save से पहले validate
POST request के लिए JSON payload तैयार करना है	Minify
दो environments की config files compare करनी हैं	दोनों minify करें, फिर diff करें
Parse error debug करनी है	Validate
JSON schema का code review	Pretty-print
Frontend build में JSON bundle करना है	Minify

अभी Try करें

कोई भी JSON JSON Formatter → में paste करें — valid हो या broken, minified हो या bloated — और वह बाकी सब संभाल लेता है। Browser में validate, format, और minify करें, बिना sign-up और बिना file upload के।

अगर आप regularly JSON के साथ काम करते हैं, तो ये भी bookmark करने लायक हैं: inline tree editing के लिए JSON Viewer and Editor, और config file के लिए format चुनना हो तो YAML vs JSON vs TOML guide।

JSON को Online Validate, Minify और Pretty-Print कैसे करें

JSON Viewer, Formatter और Editor

JSON to CSV Converter

CSV to JSON Converter