JSON Formatter at Validator

Paano gamitin ang JSON formatter

I-paste ang JSON sa input box ng JSON formatter, galing man ito sa API response, log file o config na inaayos mo. Pagkatapos, pumili ng aksyon. Ang I-format ay nag-aayos ng indentation gamit ang 2 o 4 na espasyo bawat antas (piliin ito sa Indent) at inilalagay ang bawat key sa sariling linya para madaling sundan ang istruktura. Ang I-minify naman ay kabaligtaran: inaalis nito ang lahat ng hindi kailangang espasyo, na kapaki-pakinabang bago mo ilagay ang JSON sa URL, environment variable o request body.

Kapag ayos na ang resulta, pindutin ang Kopyahin para makopya ito. Lahat ay tumatakbo sa loob ng browser tab, kaya ligtas gamitin ang JSON formatter kahit may access token, internal na endpoint o personal na datos na hindi dapat i-upload sa ibang serbisyo.

Paano ito gumagana

Una, sinusuri ng tool ang teksto gamit ang built-in na JSON parser ng browser, ang parehong mahigpit na parser na ginagamit ng JSON.parse sa JavaScript. Kapag pumasa, lalabas ang “Valid na JSON” at isusulat muli ang orihinal na teksto nang isa-isang token gamit ang napili mong indentation, o walang espasyo kung I-minify. Espasyo at line break lang ang binabago, kaya nananatili nang eksakto ang bawat key, string at numero.

Kapag pumalya ang parsing, lalabas ang mensaheng “Invalid na JSON sa linya …, column …” na nagtuturo kung saan huminto ang parser. Kadalasan, tumuturo ito sa karakter na kasunod ng totoong mali, kaya silipin din ang dulo ng naunang linya.

Halimbawa bago at pagkatapos i-format gamit ang 2 espasyo:

{"tindahan":"Sari-sari ni Aling Rosa","bukas":true,"paninda":["kape","bigas"]}

{
  "tindahan": "Sari-sari ni Aling Rosa",
  "bukas": true,
  "paninda": [
    "kape",
    "bigas"
  ]
}

Pag-aayos ng karaniwang error sa JSON

• Trailing comma. Puwede ang [1, 2, 3,] sa modernong JavaScript pero bawal sa JSON. Tanggalin ang kuwit pagkatapos ng huling item sa bawat array at object.
• Single quote. Double quote ang dapat sa mga string at key: "pangalan", hindi 'pangalan'.
• Key na walang quote. Ang {edad: 30} ay dapat gawing {"edad": 30}.
• Comment. Hindi puwede ang // o /* */. Kung kailangan mo ng tala sa config, gumamit ng format gaya ng JSONC o YAML, o ilagay ang tala bilang ordinaryong string field.
• Espesyal na value. Walang undefined, NaN o Infinity sa JSON; gamitin ang null o isang numero.

Isa pang dapat tandaan: maraming tool ang nagpapalit nang tahimik ng mga integer na mas malaki sa 9,007,199,254,740,991 kapag dinaan sa JSON.parse at JSON.stringify. Hindi ito nangyayari dito dahil kinokopya ang mga numero mula mismo sa iyong teksto, pati ang mga anyong gaya ng 1.10. Pero kung ipapasa mo ang datos sa ibang JavaScript code, mas ligtas pa ring itago ang malalaking ID bilang string.