JSON Formatter
Sense contingut
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
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.
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
Com usar-ho
- Enganxa el contingut JSON o puja un fitxer JSON
- Selecciona el mode Embelleix, Minifica o Valida; també pots canviar a Vista d'Arbre/Mapa Mental per a navegació visual
- Revisa l'estructura jeràrquica formatada i els missatges d'error; si cal, canvia a Conversió de Codi per generar estructures del llenguatge objectiu
- Copia el contingut processat, descarrega el fitxer o genera un enllaç compartible
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
Exemples de codi
JavaScript: Formatejar JSON utilitzant JSON.stringify
javascriptEl 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
pythonLa 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
bashjq é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 '.'
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.
Solució de problemes
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.
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ó.
| Tipus | Exemple | Descripció |
|---|---|---|
string | "hello" | Cadena, ha d'utilitzar cometes dobles, admet caràcters d'escapament i codificació Unicode \uXXXX. |
number | 25 / 3.14 / -1e5 | Nombre, admet enters, decimals i notació científica; s'analitza com a flotant de doble precisió, sense distinció entre enter i flotant. |
boolean | true / false | Booleà, només pot ser true o false en minúscules. |
null | null | Valor 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à.
| Escapament | Significat |
|---|---|
\" | Cometa doble |
\\ | Barra invertida |
\/ | Barra (escapament opcional) |
\n | Salt de línia |
\r | Retorn de carro |
\t | Tabulador |
\b | Retrocés |
\f | Salt de pàgina |
\uXXXX | Carà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àlid | Vàlid | Nota |
|---|---|---|
{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 |
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
- Comprimir JSON
- CSV a JSON
- JSON a CSV
- JSON Diff
- JSON Escape / Unescape
- Aplanar JSON
- JSON Formatter
- Generador de JSON
- Consulta JSONPath
- Combinar JSON
- Reparació JSON
- Validador d'Esquema JSON
- Ordenar JSON
- JSON Stringify
- JSON a HTML
- JSON a Java
- JSON a Markdown
- JSON a SQL
- JSON a TOML
- JSON a TypeScript
- XML a JSON
- Converteix JSON a XML
- YAML a JSON
- JSON → YAML
- JSON a Python
- JSON a Go
- JSON a Rust
- JSON a Swift
- JSON a C#
- JSON a C++
- JSON a PHP