Ano ang JSON formatting?
Ang JSON (JavaScript Object Notation) ay isang magaan, text-based na data-interchange format na tinukoy ng RFC 8259 at ECMA-404. Ang isang JSON dokumento ay isang tree ng anim na uri ng halaga — object, array, string, number, boolean, at null. Ang pag-format ay nagdadagdag ng whitespace para mabasa ng mga tao ang tree na iyon; ang minification ay nag-aalis ng whitespace para mas mabilis na makilos ito ng mga makina sa pamamagitan ng wire.
Paano gumagana ang JSON formatting?
Ang iyong input ay pinoproseso nang buo sa iyong browser gamit ang built-in na JSON.parse at JSON.stringify function. Ang mga mataas na antas na hakbang ay:
- Ang iyong input ay binabasa mula sa textarea at nili-strip ng leading at trailing whitespace.
- Pina-parse ito ng browser gamit ang
JSON.parse. Kung ang input ay hindi valid na JSON, ang parser ay nagthrow ng isangSyntaxErrorna nahuhuli at ipinakita na may linya at kolum kung saan ito huminto. - Kapag valid ang input, ang parsed na halaga ay muli na-emit gamit ang
JSON.stringify(value, null, indent), kung saan angindentay ang espasyo na pinili mo (2 espasyo, 4 espasyo, o isang tab character). - Para sa minification, ang
JSON.stringify(value)ay tinatawagan nang walang indent argument, gumagawa ng pinakamaikling valid na form ng parehong halaga nang walang insignificant na whitespace. - Ang output ay isinusulat sa readonly na textarea, at ang status panel ay nag-uulat ng alinman sa Valid JSON o ang eksaktong parse error para maaari mong ayusin ang pinagmulan.
Bakit mag-format ng JSON gamit ang tool na ito?
- Privacy: ang bawat parse, format, at minify pass ay nangyayari sa iyong browser. Ang JSON ay hindi kailanman umabot sa aming mga server.
- Agarang validation: ang mga maling na-place na comma, unquoted na key, single quote, at trailing comma ay iniulat na may tumpak na linya at kolum hint.
- Review-ready na output: ang pretty-printed na JSON na may konsistenteng indentation ay gumagawa ng malinis na code-review diff at nababasang mga configuration file.
- Production-ready na minification: ang pag-strip ng insignificant na whitespace ay nagpapaliit ng mga API payload, manifest file, at embedded fixture bago mo ipadala ang mga ito.
Ano ang mga karaniwang paggamit ng JSON formatting?
Ang pagbabasa at pagsusulat ng JSON ay lumalabas sa buong web development at tooling:
- Pag-debug ng API: pag-paste ng isang raw na response mula sa
curlo network panel para kumpirmahin ang hugis, mahanap ang typo sa isang key, o makita ang isang nawawalang closing brace. - Paglilinis ng config: muling pag-indent ng mga kamay-edited na
package.json,tsconfig.json, o CI manifest para makapagdaan sa review at linter. - Pagbabasa ng log: pag-reformat ng compact na
application/jsonlog line para ang bawat field ay nakahanay sa ibaba ng susunod, pagkatapos ay muling minification bago i-paste sa isang ticket.
Ano ang hitsura ng isang halimbawa ng JSON formatting?
Ang pag-paste ng {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} at pagpindot ng FORMAT na may 2-space indent ay nagpapalawak nito sa siyam na linya, na may bawat object field at bawat array entry sa sarili nitong linya. Ang pagpindot ng MINIFY sa formatted na teksto ay kino-collapse ito pabalik sa parehong compact na string, byte para sa byte.
Ang JSON formatter na ito ay nagpa-parse gamit ang parehong engine na ginagamit ng iyong Node.js, Deno, o browser runtime at naglalabas ng output na maaari mong direktang i-paste sa code, config, o log.