JSON Formatter at Validator

Mag-paste ng JSON para i-pretty-print, i-minify o i-validate ito. Itinuturo ng mga error ang eksaktong linya at column, at walang umaalis sa iyong browser.

Tumatakbo sa browser moWalang sign-upWalang ina-upload

Output

    

Paano gamitin ang JSON Formatter

  1. I-paste ang JSON sa input box, o magbukas ng .json na file.
  2. Nag-a-update ang output habang nagta-type ka. I-click ang I-format para i-pretty-print o I-minify para alisin ang whitespace.
  3. Pumili ng 2 space, 4 space o tab, at i-tick ang Ayusin ang mga key para sa matatag na ayos ng key.
  4. Kapag invalid ang JSON, ipinapakita ng status bar ang linya, column at ang pinakamalamang na dahilan.
  5. Kopyahin ang resulta o i-download ito bilang file.

Ano ang JSON formatter?

Inaayos muli ng JSON formatter (o JSON beautifier) ang indentation ng siksik na JSON para madali itong basahin, at sinusuri naman ng validator kung sumusunod ito sa grammar ng RFC 8259. Kadalasang minified sa iisang linya ang mga API response, log line at config file; kapag na-format ang mga ito, madaling makita ang nesting at mga value.

Mga karaniwang error sa JSON

  • Trailing comma: valid na JavaScript ang {"a": 1,} pero invalid na JSON.
  • Single quote: dapat double quote ang gamit ng mga key at string.
  • Key na walang quote: dapat {"name": "x"} ang {name: "x"}.
  • Mga comment: hindi bahagi ng JSON ang // at /* */.
  • Mga special value: hindi pinapayagan ang NaN, Infinity at undefined.

Format vs. minify

Para sa tao ang naka-format na JSON: code review, debugging at dokumentasyon. Inaalis naman ng minified na JSON ang bawat opsyonal na space at newline, na nagpapaliit sa payload para sa storage at network transfer. Eksaktong parehong data ang kinakatawan ng dalawa.

Mga madalas itanong

Ipinapadala ba sa server ang JSON ko?
Hindi. Tumatakbo bilang JavaScript sa loob ng iyong browser tab ang formatting at validation. Walang ina-upload, kaya ligtas ito para sa mga API response na may token o personal na data.
Ano ang ginagawa ng “Ayusin ang mga key”?
Inaayos nito nang alpabetikal ang mga object key sa bawat level. Dahil dito, magkaparehong output ang dalawang document na pareho ang laman pero iba ang ayos ng key, kaya mas madali silang i-diff.
Napapanatili ba ang napakalalaking number?
Nawawalan ng precision ang mga JavaScript number na lampas 253 (mga 9 quadrillion), kaya puwedeng ma-round ang napakalalaking integer ID. Panatilihing string ang mga ganitong ID kung mahalaga ang eksaktong mga digit.
Gaano kalaking file ang puwede kong i-format?
Nafo-format nang wala pang isang segundo ang mga file na ilang megabyte sa modernong laptop. Ang memory ng iyong browser ang limitasyon, hindi quota ng server.

Mga kaugnay na tool