English Čeština Deutsch Magyar Français Español Português (Brasil)

JSON-formázó

7 p olvasási idő

Ezen az oldalon

A JSON elnevezett értékeket és listákat tárol. Illeszd be a bemeneti mezőbe, és válassz műveletet. A „Formázás” mód behúzásokkal teszi áttekinthetőbbé a szöveget. A többi móddal megvizsgálhatod, módosíthatod vagy más formátumba alakíthatod az adatokat. A kimenet külön marad a bemenettől. A bemenet csak akkor változik, ha alkalmazol egy javítást, vagy a „Fanézet” módban szerkesztesz egy értéket.

JSON formázása

  1. Válaszd a „Formázás” módot.

  2. Illeszd be az alábbi példát a „JSON-bemenet” mezőbe.

  3. A formázott eredmény a bemenet mellett, kisebb képernyőn alatta jelenik meg.

  4. Válaszd ki a behúzást, majd másold vagy töltsd le a kimenetet.

{"name":"Alex","items":["Tea","Coffee"],"active":true}

A „Automatikus formázás” alapértelmezés szerint be van kapcsolva, így az eredmény gépelés közben frissül. Ha kikapcsolod, szerkesztés után nyomd meg a feldolgozás fő gombját. Telefonon a beállításokat a „Formázási beállítások”, a további műveleteket a „Több” alatt találod.

A „Fájl betöltése” JSON-, TXT- és JS-szövegfájlokat fogad el. A szokásos módokban a fájl tartalmának érvényes JSON-nak kell lennie. A „Minta” megnyitja a mintaválasztót. A „Fájl betöltése” és a „Minta” megerősítést kér a meglévő tartalom cseréje előtt. A „Beillesztés” közvetlenül felülírja a bemenetet.

JSON formázása

Behúzás és adatmódosítások beállítása

BeállításMűködés
BehúzásA behúzást támogató módokban két vagy négy szóközt, tabulátort vagy a „Tömör” beállítást választhatod.
Kulcsok rendezéseBetűrendbe rendezi az objektumok kulcsait, a beágyazott objektumokban is.
Sorrend megőrzéseKikapcsolva hagyja a rendezést. A „Kulcsok rendezése” beállítással együtt nem használható.
Null értékek eltávolításaA formázott kimenetből eltávolítja a null értékű tulajdonságokat és tömbelemeket, a beágyazott adatokból is.
Unicode escape-szekvenciákA formázott JSON-ban escape-szekvenciákkal írja le az ASCII-n kívüli karaktereket.
Összehangolt görgetésAz egyik szerkesztő görgetésekor a másikat is görgeti.

Nem minden beállítás érhető el minden módban. A fenti módosításokhoz válaszd a „Formázás” vagy a „Javítás” módot. A „Tömörítés” eltávolítja a behúzást. A más formátumba alakító módok saját kimeneti szabályokat használnak.

A „Null értékek eltávolítása” megváltoztatja az adatokat, a tömbelemek helyét is. A rendezés és a JSON feldolgozása a kulcsok sorrendjét is megváltoztathatja. Ismétlődő kulcsoknál az utolsó érték marad meg, a nagyon nagy számok pedig veszíthetnek a pontosságukból. Ha egy hosszú azonosító minden számjegye számít, már a forrásban idézőjeles szövegként tárold.

Behúzás és adatmódosítások beállítása

Hibás szintaxis javítása

A szokásos módok jelzik az érvénytelen JSON-t, de maguktól nem javítják ki. Javításhoz válts a „Javítás” módra, vagy válaszd a hiba mellett megjelenő „Javítás” műveletet.

A „Javítás” mód képes kezelni az olyan gyakori hibákat, mint az egyszeres idézőjelek, az utolsó elem utáni vessző, a megjegyzések vagy az idézőjel nélküli kulcsok. A „Bemenet felülírása” használata előtt ellenőrizd a kimenetet. Az érvényes JSON önmagában nem bizonyítja, hogy a javítás megőrizte az eredeti szándékot.

Ha a javítás nem ad eredményt, a hibaüzenet alapján nézd át a forrást. A hiányzó értéket a tényleges adatok alapján javítsd, ne találgass.

Hibás szintaxis javítása

Fanézet áttekintése és szerkesztése

A „Fanézet” kibontható sorokként jeleníti meg a beágyazott objektumokat és listákat. Az egyes ágakat a nyilakkal nyithatod meg. A „Összes kibontása” és a „Összes összecsukása” az egész fát kezeli.

A fő fanézetben kattints egy értékre vagy objektumkulcsra a szerkesztéséhez. Az Enter vagy a mezőn kívülre kattintás elfogadja a módosítást, az Escape elveti. A kulcs nem kaphat olyan nevet, amely ugyanabban az objektumban már létezik.

Egy szerkesztett érték, például 42, true, false vagy null a megfelelő JSON-típust kapja. Más szöveg karakterláncként tárolódik. Ha számnak látszó azonosítót szerkesztesz, ellenőrizd a kapott típust.

A fában végzett szerkesztés a bemeneti JSON-t is módosítja. A teljes képernyős fa csak olvasható. Ott a „Másolás” a fa megjelenített szövegét másolja. JSON-fájl készítéséhez használd a szokásos JSON-kimenetet.

Fanézet áttekintése és szerkesztése

Két dokumentum összehasonlítása

Válaszd a „Összehasonlítás” módot, és illessz egy-egy JSON-dokumentumot a két panelbe. Az eszköz összehasonlítja a szövegsorokat, és összefoglalja a hozzáadott, eltávolított és megváltozott értékeket. Mindkét bemenetnek érvényes JSON-nak kell lennie.

A kiemelt eltérések között az előző és következő változás gombjaival lépkedhetsz. Mindkét dokumentum formázása áttekinthetőbbé teheti az összehasonlítást. A tömbök összehasonlítása pozíció alapján történik, ezért egy elem áthelyezése több változásként is megjelenhet.

A „Összehasonlítás” módhoz két külön bemenet és saját teljes képernyős nézet tartozik. A „Fájl betöltése”, „Beillesztés”, „Minta” és „Törlés” mindig arra a panelre vonatkozik, amelynek a gombját használod.

Két dokumentum összehasonlítása

Érték keresése JSONPath segítségével

A JSONPath egy JSON-on belüli értékhez vezető rövid elérési út. Válaszd a JSONPath módot, írj be egy lekérdezést, és nyomd meg a „Futtatás” gombot. A lekérdezés a következő jellel kezdődik: $, amely az egész dokumentumot jelöli.

{"items":[{"name":"Tea","price":12},{"name":"Coffee","price":25}]}
LekérdezésEredmény ebben a példában
$.items[0].nameTea. A 0 index az első elemet jelöli.
$.items[*].nameMindkét elem neve.
$..priceA dokumentum gyökere alatti összes price kulcsú érték.
$.items[?(@.price > 20)].nameCoffee.
$.missingÜres eredmény: [].

Az itteni megvalósítás kulcsokat, indexeket, helyettesítő karaktereket, rekurzív keresést, előrefelé haladó tömbszeleteket, több index együttes kiválasztását és egyszerű összehasonlító szűrőket támogat. Más JSONPath-megvalósítások egyes kifejezéseit nem kezeli. Egy találatnál magát az értéket, több találatnál listát ad vissza. Találat nélkül az eredmény [].

Érték keresése JSONPath segítségével

Átalakítás CSV, XML vagy YAML formátumba

Válaszd a „Átalakítás” módot és a kimeneti formátumot. A „Másolás” a vágólapra másolja a kimeneti szöveget. A „Letöltés” a megfelelő fájlkiterjesztést használja.

FormátumA szerkezet változása
CSVObjektumok listájánál az első objektum adja az oszlopneveket. A csak későbbi objektumokban szereplő mezők kimaradnak. A beágyazott objektumok és tömbök JSON-szövegként maradnak a cellákban.
XMLHozzáad egy gyökérelemet, az objektumkulcsokat elemnevekké alakítja, a tömbelemekhez pedig ismétlődő elemeket hoz létre. A nevekben nem támogatott karaktereket lecseréli.
YAMLA feldolgozott JSON-adatokat YAML formátumban írja ki.

Egyetlen objektumból key és value oszlopok készülnek a CSV-ben. Ezek az átalakítások egyirányú kimenetet hoznak létre a bemeneti JSON-ból. CSV, XML vagy YAML itt nem tölthető vissza JSON-ként.

A „Letöltés” a fő nézetben és teljes képernyőn is a kiválasztott kimeneti formátumot használja.

Átalakítás CSV, XML vagy YAML formátumba

Kulcsok átnevezése

A „Kulcsok módosítása” módban az „Eredeti”, camelCase, snake_case, kebab-case és UPPER_CASE közül választhatsz. Az objektumok kulcsai a beágyazott adatokban is megváltoznak, a szokásos szöveges értékek viszont változatlanok maradnak.

Két különböző kulcs azonos nevet kaphat. Például a first_name és a first-name is a következő névre változhat: firstName. Az eszköz figyelmeztet az ütközésre, de a kimenetben csak az egyik érték maradhat meg. Mentés előtt ellenőrizd a figyelmeztetést és a forrást.

Kulcsok átnevezése

Séma ellenőrzése és típusok készítése

A „Ellenőrzés” mód ellenőrzi, hogy a bemenet érvényes JSON-e. A második panelbe illessz be egy JSON-sémát, ha a mezőtípusokat, kötelező tulajdonságokat vagy megengedett értékeket is ellenőrizni szeretnéd. A hibák megjelölik az érintett helyet az adatokban.

A „Generálás JSON-ból” az aktuális példából készített draft-07 sémavázlattal tölti ki a sémapanelt. Mielőtt specifikációként használnád, nézd át. Egyetlen példa nem írhatja le az alkalmazás által megengedett összes értéket.

A TypeScript mód a bemenetből interfészeket készít, RootObject névvel kezdve. Másold az eredményt, vagy töltsd le TS-fájlként. A következtetett típusok a megadott példát írják le. Az opcionális mezők vagy a példából hiányzó értékek miatt módosításokra lehet szükség.

Séma ellenőrzése és típusok készítése

Billentyűzet használata

MűveletBillentyűk
Tabulátor beszúrása a JSON-bemenetbe vagy az összehasonlító szerkesztőbeEzekben a szerkesztőkben a Tab tabulátort szúr be, nem a következő vezérlőre lép. Tab
Módosítás elfogadása a fő fanézetbenElőször kattints egy kulcsra vagy értékre. Enter
Szerkesztés elvetése a fanézetben Escape
Mintaválasztó vagy teljes képernyős nézet bezárásaElőször a nyitott mintaválasztó zárul be, majd az alatta lévő nézet. Escape
Összes szöveg kijelölése az aktív szerkesztőben
MacCommand + A
Windows / LinuxCtrl + A
Beillesztés az aktív szerkesztőbe
MacCommand + V
Windows / LinuxCtrl + V

Kimenet ellenőrzése és megőrzése

Érvénytelen bemenet esetén a szokásos kimenet kiürül, és hibaüzenet jelenik meg. A JSON szöveges értékeit és tulajdonságneveit dupla idézőjelbe kell tenni. Az utolsó elem után nem állhat vessző. A „Javítás” a szintaxisban segíthet, de az adatok tartalmi helyességét nem ellenőrzi.

A „Törlés” megerősítést kér a kitöltött bemenet törlése előtt. Az oldal újratöltése után a JSON és a kimenet nem áll vissza, ezért előbb másold vagy töltsd le őket. A kiválasztott mód és a használati statisztika az eszközön tárolva maradhat.

A feldolgozás a böngészőben történik. Az eszköz nem kér le adatokat egy szövegként beírt API-címről. API-válasz feldolgozásához másold be a válasz törzsét, vagy töltsd be az elmentett JSON-fájlt.

Kép előnézete

Megerősítés