JSON-muotoilija
Muotoile, tiivistä ja tarkista JSON syntaksikorostuksella
Syöte
Tulos
Mikä on JSON-muotoilija?
JSON (JavaScript Object Notation) on verkon yleisin tiedonvaihtoformaatti. API:t palauttavat sitä, konfiguraatiotiedostot käyttävät sitä, tietokannat tallentavat sitä — ja kun jokin menee pieleen tai näyttää oudolta, täytyy pystyä lukemaan se. JSON-spesifikaatio pitää asiat tarkoituksella minimaalisina, mikä on hienoa koneille mutta aidosti kivuliasta, kun yrität jäljittää syvästi sisäkkäistä API-vastausta. JSON-muotoilija ratkaisee tämän: se lisää sisennyksen ja rivinvaihdot raakaan tai tiivistettyyn JSONiin, jolloin rakenne on heti selkeä.
Tämä työkalu toimii kokonaan selaimessasi. JSON käsitellään JSON.stringify()-funktiolla kahden välilyönnin sisennyksellä, ja tulos näkyy tulospaneelissa. Mitään ei lähetetä palvelimelle, joten voit käyttää sitä turvallisesti tuotantodatan, tunnisteiden ja muun kanssa, jota et halua ulos koneeltasi.
Esimerkkejä JSON-muotoilusta
Tässä esimerkkejä siitä, mitä muotoilija tekee. Tiivistetty JSON on vaikea lukea; muotoilu tekee rakenteesta heti hahmotettavan.
Esimerkki 1: Tilaajatietue
Tiivistetty syöte (yksi rivi):
Muotoiltu tulos:
Esimerkki 2: Puhelutietueet
Tiivistetty syöte:
Muotoiltu tulos:
Napsauta yllä olevaa Esimerkki-painiketta ladataksesi valmiin esimerkin (matkapuhelinliittymädataa) editoriin ja nähdäksesi muotoilijan toiminnassa.
Miten työkalua käytetään
Liitä tai lataa
Kopioi JSON ja liitä se vasempaan editoriin. Voit myös napsauttaa Lataa ja avata .json- tai .txt-tiedoston tietokoneeltasi. Esimerkki-painike lataa testidataa.
Tarkista tulos
Oikea paneeli päivittyy automaattisesti kirjoittaessasi. Kelvollinen JSON muotoillaan oikealla sisennöksellä RFC 8259 -standardin mukaisesti. Jos syntaksissa on virhe (puuttuva sulku, loppuviime, lainaamaton avain), näet virheilmoituksen.
Kopioi, lataa tai tiivistä
Käytä Kopioi kopioidaksesi tuloksen leikepöydälle, Lataa tiedostona tallentaaksesi tiedostona tai Tiivistä poistaaksesi kaiken tyhjän tilan ja saadaksesi yhden rivin version.
Miten muotoilija toimii
Molemmat editorit käyttävät sisäänrakennettua koodieditoria, jossa on syntaksikorostus, rivinumerot ja JSON-virheiden merkinnät. Kun liität tai kirjoitat JSONia syötepaneeliin, työkalu odottaa 300 ms (jotta tulkinta ei tapahdu keskellä näppäilyä) ja suorittaa sitten JSON.parse() syötteelle. Onnistuessaan se kutsuu JSON.stringify(data, null, 2) ja näyttää tuloksen. Epäonnistuessaan tuloksessa näkyy virhe.
Huomaa: JSON ei tue kommentteja. Se on määritelty spesifikaatiossa, ei tämän työkalun rajoitus. Tiedostot kuten VS Coden settings.json käyttävät JSONC-muotoa (JSON kommenteilla), joka on eri asia. Poista kommentit ennen muotoilua.
Missä JSON-muotoilusta on hyötyä
Kehittäjät tarvitsevat usein muotoilijaa API-vastauksia lukiessaan. Lähetät pyynnön Postmanilla tai curlilla, ja vastaus tulee yhtenä tiiviinä rivinä. Liittämällä sen tähän näet sisäkkäiset objektit ja taulukot heti. Arvojen poimimiseen suurista vastauksista jq toimii hyvin komentoriviltä.
Asetustiedostot ovat toinen yleinen tapaus. package.json tai tsconfig.json epätasaisella sisennöksellä on vaikea lukea pull requestissa. Muotoilu täällä antaa yhtenäisen version, jonka voit liittää takaisin. Jos yhdistät kaksi configia, käytä erillistä JSON-yhdistäminen -työkalua.
MongoDB-, Firestore- tai CouchDB-viennit ovat usein suuria JSON-lohkoja ilman muotoilua. Käsittely täällä auttaa ymmärtämään dokumenttirakenteen ennen tuontiskriptejä tai kyselyjä. Jos tarvitset datan laskentataulukkoon, käytä JSON CSV:ksi -muunninta.
Voit myös käyttää tekoälytyökaluja kuten ChatGPT tai Google Gemini testidata-JSONin luontiin ja liittää tuloksen tähän muotoiltavaksi ja tarkistettavaksi. Muotoiltu JSON Slack-viestissä tai Jira-tiketissä on luettavampi kuin raaka tiivis merkkijono. Aja ensin JSON-tarkistin -työkalun läpi, niin virheet löytyvät ennen kuin muut näkevät datan.
Usein kysyttyä
Onko turvallista liittää oikeita API-avaimia tai arkaluonteisia tietoja tähän?
Täysin turvallista. Kaikki muotoilu tapahtuu selaimessasi JavaScriptillä — mitään ei lähetetä palvelimelle. Voit varmistaa tämän itse avaamalla selaimen Verkko-välilehden työkalua käyttäessäsi. Ei tiliä tarvita, ei kirjauksia.
Mikä on koko rajana?
Työkalulla ei ole kiinteää rajaa; se riippuu selaimen muistista. JSON-tiedostot noin 10–15 MB toimivat yleensä hyvin Chromessa ja Firefoxissa. Hyvin suurille tiedostoille (satoja megatavuja) komentorivityökalu kuten jq on käytännöllisempi.
Miksi tarvitsisin JSON:n tiivistämistä?
Tiivistetystä JSON:sta on poistettu kaikki tyhjä tila — ei rivinvaihtoja, ei välilyöntejä, pelkkä raakadata. Se tekee siitä pienemmän siirtää verkossa, halvemman tallentaa tietokantakenttään ja turvallisen upottaa URL:iin. Tiivistä-painike tekee tämän hetkessä nykyiselle tulosteelle. On myös erillinen JSON-tiivistin-sivu, jos se on pääasiallinen käyttötarkoituksesi.
Miksi tuloksessa näkyy virheellinen JSON?
Syötteessä on syntaksivirhe. Yleisiä syitä: loppuviime viimeisen elementin jälkeen, yksinkertaiset lainausmerkit lainausmerkkien sijaan, lainaamattomat avainten nimet tai sulkeet eivät täsmää. JSON-spesifikaatio on tiukka näistä.
Voiko tämä validoida JSONia skeemaa vastaan?
Tämä työkalu tarkistaa syntaksin (onko JSON oikein muodostettu), ei rakennetta. Skeemavalidointiin käytä JSON-schema-generaattoria luodaksesi skeeman esimerkkidatasta tai JSON-tarkistinta tarkempiin tarkistuksiin.
Liittyvät työkalut
JSONista tarkemmin: MDN:n JSON-oppaat, virallinen standardi RFC 8259, sekä json.org ja jq.