Comment utiliser : Formateur JSON
- Collez votre fichier JSON dans le champ « Input JSON », déposez-y un
.jsonfichier dessus, ou cliquez sur « Charger un exemple ». - Le résultat s'actualise au fur et à mesure que vous tapez. Choisissez « Beautify » avec 2 espaces, 4 espaces ou des tabulations — ou « Minify » pour supprimer tous les espaces.
- Si le fichier JSON n'est pas valide, l'erreur s'affiche avec sa ligne et sa colonne. Cliquez sur « Aller à l'erreur » pour sélectionner le caractère exact dans le champ de saisie.
- Passez en mode « Arborescence » pour explorer les données imbriquées ; cliquez sur n'importe quelle valeur pour copier son chemin d'accès (par exemple :
$.variants[0].color). - Cliquez sur « Copier » ou « Télécharger » pour enregistrer le résultat.
Qu'est-ce qu'un formateur JSON ?
Un formateur JSON (également appelé « embellisseur JSON » ou « pretty-printer ») reprend un code JSON compact ou désordonné et le réécrit avec une indentation et des sauts de ligne cohérents afin de le rendre lisible par l’utilisateur. Les API renvoient généralement du JSON minifié sur une seule ligne afin d’économiser des octets ; le formatage constitue la première étape lorsque vous déboguez une réponse, examinez un fichier de configuration ou rédigez de la documentation. Cet outil fonctionne également dans l’autre sens : la minification supprime tous les espaces et sauts de ligne superflus afin d’obtenir une charge utile aussi réduite que possible.
La mise en forme et la validation vont de pair. Le formateur analyse votre entrée selon les mêmes règles strictes que JSON.parse(); ainsi, tout ce qu’il accepte sera accepté par n’importe quel analyseur syntaxique conforme aux normes (RFC 8259).
Erreurs JSON courantes et comment les corriger
En cas d’échec de l’analyse, le validateur signale la ligne et la colonne exactes, met en évidence le caractère concerné et explique le problème. Voici les erreurs qu’il détecte le plus souvent :
| Erreur | Non valide | Valide |
|---|---|---|
| Virgule finale | [1, 2, 3,] | [1, 2, 3] |
| Guillemets simples | {'id': 1} | {"id": 1} |
| Clé non entre guillemets | {id: 1} | {"id": 1} |
| Commentaires | {"a": 1 // note} | Supprimer le commentaire |
| Virgule manquante | {"a": 1 "b": 2} | {"a": 1, "b": 2} |
| Chiffres spéciaux | NaN, Infinity, 01 | null, 1 |
| Saut de ligne brut dans une chaîne | "line 1⏎line 2" | "line 1\nline 2" |
Bon nombre de ces éléments sont autorisés dans les littéraux d’objets JavaScript, JSON5 ou YAML, mais pas dans JSON — ce qui constitue une source fréquente de confusion lors de la copie de données à partir du code source.
Avertissements au-delà de la syntaxe
Certains fichiers JSON sont techniquement valides mais présentent tout de même des risques. Le validateur signale les clés en double (la plupart des analyseurs ne conservent silencieusement que la dernière valeur) ainsi que les entiers supérieurs à 253 (9 007 199 254 740 991), que JavaScript ne peut pas représenter exactement — un problème fréquent avec les identifiants de base de données 64 bits. Si vous voyez cet avertissement, envoyez ces identifiants sous forme de chaînes de caractères.
Mise en forme ou minification : laquelle choisir ?
Utilisez du JSON « beautifié » pour tout ce que les utilisateurs lisent : les fichiers de configuration dans Git (afin que les différences soient affichées ligne par ligne), la documentation et le débogage. L’indentation à deux espaces est la convention la plus courante dans les projets JavaScript ; quatre espaces sont habituels en Python json.dumps(indent=4). Utilisez du JSON minifié pour les charges utiles réseau et le stockage. Notez que la compression gzip ou Brotli sur votre serveur élimine déjà la majeure partie de la différence de taille ; la lisibilité l’emporte donc généralement pour les fichiers que vous validez.
Vue arborescente et tri des clés
Pour les documents volumineux, l’arborescence vous permet de réduire les objets et les tableaux et de visualiser d’un seul coup d’œil le nombre d’éléments. Le tri des clés classe les clés de chaque objet par ordre alphabétique à tous les niveaux — ce qui est pratique pour comparer deux documents JSON dans le Diff Checker, car l’ordre des clés génère sinon des différences bruyantes. Vous avez besoin d’un autre format ? Convertissez-le en YAML, CSV ou en types TypeScript.
Aussi recherché comme : formateur de code json, validateur json, json lint, formatage lisible du json, minification json, visionneuse json, format json, vérificateur json.
Outils complémentaires : Formateur JSON
- JavaScript Formatter — Unminify and pretty-print JavaScript, JSON or JSX with your preferred indentation and brace style — or strip whitespace and comments with a verified minifier.
- Encodage / Décodage Base64 — Convertissez du texte au format Base64 et inversement, avec une prise en charge complète de l'UTF-8 (accents, emojis) ; passez au format Base64 compatible URL, ou glissez-déposez un fichier pour obtenir sa chaîne Base64 ou son URI de données.
- JSON Schema Validator — Paste a schema and some JSON to see exactly which values break which rule — or generate a starting schema from example data.
- JSONPath Tester — Type a JSONPath query and instantly see what it selects — with the exact path of each match.
Questions fréquentes
Mon fichier JSON est-il transféré vers un serveur ?
Pourquoi le validateur rejette-t-il les commentaires et les virgules de fin de phrase ?
tsconfig.json) et YAML les autorisent — mais un analyseur syntaxique strict comme JSON.parse() générera une erreur.Quelle est la taille maximale d’un fichier que je peux mettre en forme ?
La mise en forme modifie-t-elle mes données ?
Quelle est la différence entre JSON et un objet JavaScript ?
undefined, les commentaires et les virgules de fin ne sont pas autorisés.