logo
GeekFormat

JSON Formatter

Sense contingut

preview.json
Llest

Eina gratuïta en línia JSON Formatter. Admet embelliment, validació, minificació i edició visual de l'arbre JSON. Detecció d'errors de sintaxi integrada i reparació automàtica. Admet conversió de codi a 13 llenguatges de programació (TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML). Ideal per a depuració d'API, inspecció de configuracions i lectura de registres.

Relacionats

Casos d'ús

  • Embellir JSON d'una sola línia de respostes d'API en una estructura llegible per a una resolució de problemes més fàcil
  • Formatejar fitxers de configuració i camps de registre abans del processament posterior
  • Validar ràpidament si el JSON és vàlid i minificar la mida durant el desenvolupament i depuració
  • Convertir JSON a interfícies TypeScript, classes Java, diccionaris Python o altres formats de codi
  • Ordenar per noms de clau abans de comparar dues respostes d'API camp per camp
  • Mapejar estructures imbricades complexes d'API de tercers mitjançant vista d'arbre o mapa mental per a una comprensió ràpida de la jerarquia
  • Expandir registres d'anàlisi minificats i dades de Webhook per llegir-los, per localitzar camps anòmals
  • Formatejar JSON compacte de variables d'entorn locals o configuracions per editar-lo, després minificar-lo per tornar-lo a escriure

Característiques

  • Embelleiment JSON intuïtiu: Organitza ràpidament les dades d'una sola línia en una estructura jeràrquica fàcil de llegir, amb sagnia de 2/4 espais o Tab commutable
  • Suport de validació i minificació: Detecció d'errors de sintaxi en temps real amb indicacions precises de localització, minificació amb un sol clic a la forma d'una sola línia més compacta
  • Conversió de codi a 13 llenguatges de programació: Generació amb un sol clic per a TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML
  • Edició visual en Vista d'Arbre JSON: Plegar/expandir nodes, visualitzar i modificar intuïtivament estructures profundament imbricades
  • Vista de Mapa Mental: Presenta les relacions pare-fill d'objectes/matrius mitjançant nodes connectats, ideal per mapejar estructures complexes
  • Ordenació de claus: Reordena les claus d'objectes en ordre alfabètic ascendent/descendent, convenient per a comparació diff i estandardització de l'ordre de camps
  • Gestió fluida de fitxers grans: Desplaçament virtual + anàlisi en segon pla Web Worker, fitxers JSON de diversos MB sense retards
  • Privacitat i Seguretat: Processament completament local al navegador, zero pujada de dades, segur per processar respostes que contenen secrets
  • Operacions convenients: Pujada/descàrrega de fitxers, còpia amb un sol clic, desfer historial, compartició per URL — tot inclòs

Com usar-ho

  1. Enganxa el contingut JSON o puja un fitxer JSON
  2. Selecciona el mode Embelleix, Minifica o Valida; també pots canviar a Vista d'Arbre/Mapa Mental per a navegació visual
  3. Revisa l'estructura jeràrquica formatada i els missatges d'error; si cal, canvia a Conversió de Codi per generar estructures del llenguatge objectiu
  4. Copia el contingut processat, descarrega el fitxer o genera un enllaç compartible

Preguntes freqients

Com puc formatar ràpidament un JSON d'una sola línia en una estructura llegible?

Enganxa el contingut JSON a l'editor per embellir-lo instantàniament. Ideal per visualitzar respostes d'API, fitxers de configuració i camps de registre. L'eina afegeix automàticament sagnies i salts de línia, organitzant les dades compactes en una estructura jeràrquica clara. Per defecte utilitza sagnia de 2 espais; també pots canviar la mida de la sagnia a la barra d'eines.

Quina diferència hi ha entre JSON Formatter i Reparació JSON?

JSON Formatter és més adequat per a contingut que ja és vàlid però difícil de llegir. Reparació JSON és més adequada per reparar estructures no vàlides com errors, cometes que falten i comes finals. Si el formatatge reporta un error, et recomanem fer primer Reparació JSON. En resum: el formatatge només ajusta el disseny sense canviar el contingut; la reparació intenta omplir les cometes/claudàtors que falten i eliminar les comes addicionals per tornar-lo a fer JSON vàlid.

Per què el formatatge de JSON reporta un error?

Normalment perquè el contingut no és un JSON vàlid — per exemple, conté comentaris, cometes simples, comes finals o claudàtors no tancats. L'especificació JSON (RFC 8259) requereix que les claus utilitzin cometes dobles, les cadenes no poden utilitzar cometes simples, no hi pot haver coma després de l'últim element, i no es permeten comentaris // o /* */. En aquest cas, és millor fer primer Reparació JSON i després formatar.

És adequat per a depuració d'API i visualització de respostes de registres?

Absolutament. Les respostes d'API, les dades de Webhook, els registres d'anàlisi i els fragments de configuració sovint necessiten formatatge abans de resoldre problemes. L'eina també admet l'edició visual en vista d'arbre JSON, vista de mapa mental i conversió de codi a 13 llenguatges de programació, ajudant-te a entendre ràpidament les estructures de dades.

Puc convertir JSON a interfícies TypeScript o classes Java?

Sí. L'eina admet la conversió de JSON a TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML — 13 formats en total. Generació d'estructures de codi corresponents amb un sol clic, perfecta per generar ràpidament models de dades de frontend i backend a partir de respostes d'API.

Les dades JSON formatades es pujaran a un servidor?

No. Tot el formatatge, validació, minificació i conversió de codi s'executen completament localment al teu navegador. Les dades mai es pujen a cap servidor. És segur fins i tot quan processis respostes d'API que contenen secrets, tokens o privacitat d'usuaris. Les dades s'esborren quan tanques la pàgina.

Pot gestionar fitxers JSON grans?

Sí. L'eina utilitza renderitzat amb desplaçament virtual i anàlisi en segon pla amb Web Worker. Els fitxers JSON de diversos megabytes es poden formatar i navegar suaument sense bloquejar la pàgina. Per a fitxers molt grans, et recomanem pujar directament el fitxer JSON en lloc d'enganxar-lo, per a un rendiment més estable.

Per a què serveix la Minificació JSON?

La minificació elimina tots els espais i salts de línia innecessaris del JSON, produint el resultat d'una sola línia més compacte. Això redueix significativament la mida, estalvia amplada de banda i emmagatzematge, i s'utilitza habitualment per a transmissió d'API, escriptura de configuracions, incrustació en codi o com a variables d'entorn. El JSON minificat és semànticament idèntic al JSON formatat; simplement no és llegible per humans.

Què són la Vista d'Arbre JSON i la Vista de Mapa Mental?

La Vista d'Arbre renderitza el JSON com un arbre jeràrquic plegable, que admet expandir/plegar nodes i edició visual de camps, adequada per navegar per dades profundament imbricades. La Vista de Mapa Mental presenta l'estructura com a nodes connectats, mostrant visualment les relacions pare-fill entre objectes i matrius, adequada per mapejar estructures de dades complexes o fer presentacions.

Després de formatar, puc ordenar per noms de clau?

Sí. L'eina proporciona una funció d'ordenació de claus que admet reordenar les claus d'objectes en ordre alfabètic ascendent o descendent, fent que sigui convenient comparar diferències entre dos JSON, estandarditzar l'ordre dels camps en fitxers de configuració o mostrar els camps de l'API en un ordre fix per a Code Review.

Puc compartir els resultats formatats amb col·legues?

Sí. L'eina admet comprimir i codificar el contingut JSON actual en un URL per generar un enllaç compartible. Els destinataris poden obrir l'enllaç per veure les mateixes dades sense pujar-les a un servidor, ideal per a la col·laboració ràpida en la resolució de problemes d'API o la reproducció d'escenaris de dades.

Sobre JSON i el Formatatge JSON

JSON (JavaScript Object Notation) és un format lleuger d'intercanvi de dades que utilitza parells clau-valor i matrius per representar dades. A causa de la seva simplicitat, llegibilitat i naturalesa multi-llenguatge, s'ha convertit en l'estàndard de facto per a Web API, fitxers de configuració, registres i transmissió de dades frontend-backend. JSON té només sis tipus de valors bàsics: cadena, nombre, booleà, null, objecte i matriu. Les seves regles de sintaxi estan definides conjuntament per RFC 8259 i ECMA-404.

El formatatge JSON (també anomenat embelliment JSON) és el procés d'afegir sagnies i salts de línia adequats a un JSON compacte sense canviar el contingut de les dades, organitzant-lo en una estructura jeràrquica que és fàcil de llegir per humans. El JSON en respostes d'API, registres i emmagatzematge sovint està comprimit en una sola línia, fent que sigui molt difícil de llegir directament. Després de formatar, pots veure clarament l'imbricació d'objectes, els elements de la matriu i el valor de cada camp.

L'operació oposada al formatatge és la minificació JSON, que elimina tots els caràcters d'espai en blanc no essencials, convertint el JSON de nou a la seva forma d'una sola línia més compacta per reduir la mida de transmissió. El formatatge i la minificació són un parell d'operacions reversibles; cap de les dues canvia la semàntica del JSON, només afecten la llegibilitat i la mida.

La validació JSON comprova si un fragment de text compleix les regles de sintaxi JSON. Els patrons no vàlids habituals inclouen: utilitzar cometes simples en lloc de cometes dobles, claus sense cometes, comes finals després de l'últim element, contenir comentaris // o /* */, i claudàtors o cometes incorrectament tancats. Cap d'aquests són JSON vàlids, i el formatatge reportarà errors — en aquest cas, primer hauries d'utilitzar l'eina Reparació JSON i després formatar.

Basant-se en el formatatge, aquesta eina també proporciona Vista d'Arbre, Vista de Mapa Mental i conversió de codi a 13 llenguatges de programació: pots plegar el JSON en un arbre jeràrquic visual per navegar per estructures profundes, o convertir amb un sol clic el JSON de resposta de l'API en interfícies TypeScript, classes Java, diccionaris Python o instruccions de creació de taules de base de dades per a ús directe en el desenvolupament. Tot el processament es fa localment al navegador; les dades mai es pujen als servidors.

Referència ràpida de tipus de dades JSON

JSON té només sis tipus de valors. Entendre'ls t'ajuda a determinar ràpidament si les dades són vàlides i com mapar-les als tipus de llenguatges de programació.

TipusExempleDescripció
string"hello"Cadena, ha d'utilitzar cometes dobles, admet caràcters d'escapament i codificació Unicode \uXXXX.
number25 / 3.14 / -1e5Nombre, admet enters, decimals i notació científica; s'analitza com a flotant de doble precisió, sense distinció entre enter i flotant.
booleantrue / falseBooleà, només pot ser true o false en minúscules.
nullnullValor nul, que indica absència de dades; ha de ser en minúscules, diferent de la cadena buida o 0.
object{"k": "v"}Objecte, una col·lecció de parells clau-valor embolicats en claus; les claus han de ser cadenes entre cometes dobles.
array[1, 2, 3]Matriu, una llista ordenada de valors embolicada en claudàtors; els elements poden ser de diferents tipus.

Taula de caràcters d'escapament de cadenes JSON

Els següents caràcters en cadenes JSON han de ser escapats amb barra invertida; altrament l'anàlisi fallarà.

EscapamentSignificat
\"Cometa doble
\\Barra invertida
\/Barra (escapament opcional)
\nSalt de línia
\rRetorn de carro
\tTabulador
\bRetrocés
\fSalt de pàgina
\uXXXXCaràcter Unicode representat per quatre dígits hexadecimals

Referència de patrons no vàlids habituals

A continuació es llisten patrons JSON no vàlids comuns i les seves formes vàlides, com a referència quan el formatatge reporta errors.

No vàlidVàlidNota
{name: "a"}{"name": "a"}Les claus han d'utilitzar cometes dobles
{'name': 'a'}{"name": "a"}Les cadenes han d'utilitzar cometes dobles, no cometes simples
{"a": 1,}{"a": 1}No es permeten comes finals
{"a": 1} // comment{"a": 1}JSON no admet comentaris
{"a": undefined}{"a": null}No hi ha undefined; utilitza null per a valors nuls
{"a": .5}{"a": 0.5}Els decimals han de tenir la part entera 0

Code Examples

JavaScript: Formatejar JSON utilitzant JSON.stringify

javascript

El tercer paràmetre de JSON.stringify integrat en navegador i Node.js especifica la sagnia, que és la forma programàtica més habitual de formatar JSON.

const data = { name: '张三', age: 25, tags: ['a', 'b'] };

// Embelleix: el tercer paràmetre és el nombre d'espais de sagnia (també es pot passar '\t' per a Tab)
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);

// Minifica: ometre el tercer paràmetre dóna la forma d'una sola línia més compacta
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}

// Analitza una cadena a objecte (valida la sintaxi, llança SyntaxError si no és vàlid)
const obj = JSON.parse(pretty);

Python: Formatejar utilitzant el mòdul json

python

La biblioteca estàndard de Python json utilitza els paràmetres indent i ensure_ascii per controlar la sagnia i la visualització de caràcters xinesos.

import json

data = {"name": "张三", "age": 25, "tags": ["a", "b"]}

# Sortida embellida, indent especifica la sagnia, ensure_ascii=False preserva els caràcters xinesos
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)

# Sortida minificada: utilitza els separadors més compactes
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)

# Analitza una cadena (llança json.JSONDecodeError si no és vàlid)
obj = json.loads(pretty)

Línia d'ordres: Formatejar JSON utilitzant jq

bash

jq és una potent eina de línia d'ordres per processar JSON, que permet embellir, minificar i extreure camps ràpidament.

# Embelleix (sagnia per defecte de 2 espais)
cat data.json | jq '.'

# Minifica a una sola línia
cat data.json | jq -c '.'

# Extreu un camp específic
cat data.json | jq '.user.name'

# Canalitza directament els resultats de curl per embellir
curl -s https://api.example.com/user | jq '.'

Privacy & Security

Tot el formatatge, validació, minificació i conversió de codi JSON en aquesta eina s'executen completament localment al teu navegador. Les dades mai es pujen a cap servidor, ni es registren o s'emmagatzemen en memòria cau de forma remota. És segur fins i tot quan processis respostes d'API que contenen secrets, tokens o informació d'usuaris. Les dades s'esborren quan tanques o actualitzes la pàgina.

Authoritative References

Troubleshooting

Unexpected token ... a JSON (caràcter inesperat / error de sintaxi)

Molt probablement causat per cometes simples, claus sense cometes dobles o que conté comentaris // o /* */. L'especificació JSON requereix que totes les cadenes i claus utilitzin cometes dobles, i els comentaris no són suportats. Si us plau, canvia a cometes dobles i elimina els comentaris, o utilitza primer l'eina Reparació JSON.

Unexpected end of JSON input (el contingut va acabar inesperadament)

Normalment causat per claudàtors {} o [] o cometes incorrectament tancats, resultant en un JSON incomplet. Comprova que les estructures estan correctament aparellades i tancades. Quan enganxis respostes d'API, és possible que només hàgis copiat part del contingut — assegura't de copiar completament.

Coma final causant errors (Trailing comma)

JSON no permet comes després de l'últim element d'un objecte o matriu; per exemple {"a":1,} o [1,2,] no són vàlids. Elimina la coma addicional. Els objectes JavaScript permeten comes finals, però JSON no — tingues especial cura quan copiïs des de codi.

Caràcters xinesos o especials mostrats com a \uXXXX

Aquesta és la notació d'escapament Unicode de JSON, que és intrínsecament vàlida i encara es pot analitzar normalment després del formatatge. Si prefereixes mostrar els caràcters xinesos directament, desactiva l'escapament al costat generador (per exemple, ensure_ascii=False de Python, desactivar l'escapament HTML a Go).

Pèrdua de precisió de nombres grans (per exemple, l'ID es converteix en notació científica o zeros finals)

Els nombres JSON s'analitzen com a nombres de punt flotant de doble precisió IEEE 754. Els nombres enters que superen 2^53 (per exemple, ID de floc de neu, números de comanda) perden precisió. La solució és embolicar els nombres enters grans com a cadenes durant la transmissió, és a dir, "id": "9007199254740993", per evitar que s'analitzin com a nombres.

Vull convertir el JSON formatat de nou a una sola línia

Simplement canvia a "Minifica" per convertir el JSON multilínia embellit de nou a la forma d'una sola línia més compacta per a transmissió d'API, escriptura de configuracions o incrustació en codi. La minificació i l'embelliment són operacions inverses i no canvien el contingut de les dades.