Mi az a JSON formázás?
JSON (JavaScript Object Notation) egy könnyűsúlyú, szöveges adatcsere formátum, amit az RFC 8259 és az ECMA-404 határoz meg. Egy JSON dokumentum hat értéktípusból álló fa — object, array, string, number, boolean és null. A formázás szóközöket ad hozzá, hogy az emberek olvashassák azt a fát; a tömörítés eltávolítja a szóközöket, hogy a gépek gyorsabban mozgathassák a vezetéken.
Hogyan működik a JSON formázás?
A bemeneted teljes egészében a böngésződben kerül feldolgozásra a beépített JSON.parse és JSON.stringify függvények segítségével. A magas szintű lépések:
- A bemeneted beolvasásra kerül a szövegmezőből, és a vezető és záró szóközök eltávolításra kerülnek.
- A böngésző elemzi a
JSON.parsesegítségével. Ha a bemenet nem érvényes JSON, az elemző egySyntaxError-t dob, ami elkapásra kerül és megjelenítésre a sorral és oszloppal, ahol megállt. - Amikor a bemenet érvényes, az elemzett érték újrakibocsátásra kerül a
JSON.stringify(value, null, indent)segítségével, ahol azindenta kiválasztott szóköz (2 szóköz, 4 szóköz vagy egy tab karakter). - A tömörítéshez a
JSON.stringify(value)behúzási argumentum nélkül kerül meghívásra, ami a legrövidebb érvényes formáját adja ugyanannak az értéknek jelentéktelen szóközök nélkül. - A kimenet a csak olvasható szövegmezőbe íródik, és egy állapot panel vagy Érvényes JSON-t jelent, vagy a pontos elemzési hibát, hogy kijavíthasd a forrást.
Miért formázz JSON-t ezzel az eszközzel?
- Adatvédelem: minden elemzési, formázási és tömörítési lépés a böngésződben történik. A JSON soha nem éri el a szervereinket.
- Azonnali érvényesítés: a rossz helyen lévő vesszők, idézőjelezetlen kulcsok, egyszeres idézőjelek és záró vesszők pontos sor és oszlop jelzéssel kerülnek jelentésre, így egyenesen a hibához ugorhatsz.
- Áttekintésre kész kimenet: a szépen nyomtatott JSON konzisztens behúzással tiszta kódellenőrzési diff-eket és olvasható konfigurációs fájlokat eredményez.
- Termelésre kész tömörítés: a jelentéktelen szóközök eltávolítása zsugorítja az API adatokat, manifest fájlokat és beágyazott előre gyártott elemeket, mielőtt szállítanád őket.
Mik a JSON formázás gyakori alkalmazásai?
A JSON olvasása és írása a webfejlesztés és eszközök területén jelenik meg:
- API hibakeresés: egy nyers válasz beillesztése a
curl-ből vagy a hálózati panelből az alak megerősítéséhez, egy gépelési hiba megtalálásához egy kulcsban, vagy egy hiányzó záró kapcsos zárójel észrevételéhez. - Konfigurációk tisztítása: kézzel szerkesztett
package.json,tsconfig.jsonvagy CI manifestek újrabehúzása, hogy átmenjenek az ellenőrzésen és a lint-eken. - Naplók olvasása: kompakt
application/jsonnaplósorok újraformázása, hogy minden mező egymás alá kerüljön, majd újratömörítés, mielőtt egy tickethez illesztenéd.
Hogy néz ki egy JSON formázási példa?
Ha beilleszted a {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} értéket és megnyomod a FORMÁZÁS gombot 2 szóköz behúzással, kilenc sorba bővül, minden objektum mező és minden tömb elem a saját sorában. A TÖMÖRÍTÉS gomb megnyomása a formázott szövegen visszazsugorítja ugyanarra a kompakt karakterláncra, bájt bájt ellenében.
Ez a JSON formázó ugyanazzal a motorral elemez, amit a Node.js, Deno vagy böngésződ futásideje használ, és olyan kimenetet ad, amit egyenesen beilleszthetsz kódba, konfigurációkba vagy naplókba.