JSON formázása
JSON beautify és minify – behúzás, sortörések, szintaxiskiemelés, validálás hibajelzéssel. Böngészőben, szerver nélkül.
Miről szól ez az eszköz?
A JSON formázó eszköz lehetővé teszi, hogy egyetlen kattintással szép, olvasható formába hozd a tömörített JSON adataidat. Behúzásokat, sortöréseket ad hozzá, szintaxiskiemeléssel segíti az áttekintést. Fejlesztők, tesztelők és API-kkal dolgozó szakemberek számára nélkülözhetetlen segédeszköz.
Hogyan használd a(z) JSON formázása-t?
-
JSON beillesztése
Illeszd be a nyers vagy tömörített JSON szöveget a beviteli mezőbe, vagy húzz be egy .json fájlt.
-
Formázási beállítások
Válaszd ki a behúzás mértékét: 2 szóköz, 4 szóköz vagy tabulátor.
-
Formázás indítása
Kattints a «Formázás» gombra – az eredmény azonnal megjelenik szintaxiskiemeléssel.
-
Eredmény másolása
Másold ki a formázott JSON-t a vágólapra vagy töltsd le fájlként.
Mikor van rá szükséged?
-
API válaszok elemzése
Az API-tól kapott tömörített JSON választ olvasható formába hozhatod, hogy könnyebben megértsd az adatstruktúrát.
-
Hibakeresés (debug)
Formázott JSON-ban sokkal könnyebb megtalálni a hibás értékeket, hiányzó mezőket vagy struktúra-problémákat.
-
Dokumentáció készítés
Olvashatóan formázott JSON példákat illeszthetsz dokumentációba, README-be vagy Slack üzenetbe.
-
Konfigurációs fájlok
JSON config fájlokat (package.json, tsconfig.json) könnyedén áttekinthetővé és szerkeszthetővé teheted.
JSON vs YAML vs XML összehasonlítás
| Tulajdonság | JSON | YAML | XML |
|---|---|---|---|
| Olvashatóság | Jó | Kiváló | Közepes |
| Fájlméret | Közepes | Kicsi | Nagy (tag-ek miatt) |
| Kommentek | Nem támogatja | Igen (#) | Igen (<!-- -->) |
| Séma validálás | JSON Schema | Nincs beépítve | XSD/DTD |
| Használat | API, config | Config, CI/CD | SOAP, config |
A JSON formátumról
A JSON (JavaScript Object Notation) egy könnyű, szöveges adatcsere-formátum, amelyet Douglas Crockford népszerűsített a 2000-es évek elején. Bár a JavaScript szintaxisán alapul, nyelvfüggetlen – szinte minden modern programozási nyelv támogatja natívan.
A JSON két alapvető struktúrára épül: kulcs-érték párok gyűjteményére (objektum) és értékek rendezett listájára (tömb). Az értékek lehetnek stringek, számok, boolean (igaz/hamis), null, objektumok vagy tömbök – ezek tetszőlegesen egymásba ágyazhatók.
A formázás (prettify) a JSON olvashatóságát javítja behúzások és sortörések hozzáadásával, miközben az adattartalom változatlan marad. A minifikálás ennek az ellenkezője: eltávolítja a felesleges whitespace-t a kisebb fájlméret érdekében.
Hasznos tippek
-
Használj 2 szóközös behúzást – ez a legelterjedtebb konvenció a JSON fájloknál.
-
A JSON kulcsoknak mindig dupla idézőjelben kell lenniük – az egyszeres idézőjel szintaxis hiba.
-
A JSON nem támogat kommenteket. Ha megjegyzésekre van szükséged, fontold meg a YAML vagy JSON5 használatát.
-
A formázott JSON kiválóan alkalmas code review-khoz és dokumentációhoz.
Gyakori kérdések
- Igen, valós időben – ha a JSON érvénytelen, azonnal piros kerettel és a hiba sorszámával jelzi a problémát.
- Nem, a formázás (prettify/minify) kizárólag a whitespace-t módosítja, az adatok érintetlenül maradnak.
- JSON adatok olvashatóvá formázására (prettify) szolgál: behúzásokat és sortöréseket ad hozzá a tömörített JSON-hoz, így könnyen áttekinthetővé teszi az adatstruktúrát.
- Igen. Minden feldolgozás a böngésződben történik, semmilyen adat nem kerül szerverre.
- 2 szóköz, 4 szóköz vagy tabulátor közül választhatsz. A legelterjedtebb a 2 szóközös behúzás.
- Az eszköz valós időben validálja a bemenetet, és piros kerettel, sor- és pozíció-számmal jelzi a szintaxis hibát.
- Igen, az eszköz teljesen reszponzív és bármilyen modern böngészőben működik.
- Nem. A prettify kizárólag whitespace karaktereket (szóközök, sortörések, tabulátorok) ad hozzá – az adatstruktúra és az értékek érintetlenek maradnak.