Formateur JSON
Collez n'importe quel JSON — désordonné, minifié ou cassé — et obtenez instantanément une sortie propre et indentée. Validez la syntaxe, minifiez pour économiser de l'espace et copiez le résultat en un clic. Tout le traitement s'exécute localement dans votre navigateur.
🔒 Tout le traitement s'effectue localement dans votre navigateur — rien n'est stocké ni envoyé à un serveur.
Comment utiliser ce formateur JSON
- Collez votre JSON dans la zone de saisie — ou cliquez sur „Charger un exemple" pour essayer.
- Cliquez sur Formater pour un affichage avec indentation de 2 espaces, ou sur Minifier pour compresser.
- Consultez les statistiques : nombre de lignes, de caractères, de clés et profondeur d'imbrication.
- Cliquez sur Copier pour copier le résultat dans le presse-papiers.
À propos du formatage JSON
JSON (JavaScript Object Notation) est le format de données le plus utilisé pour les API, les fichiers de configuration et l'échange de données. Lorsque JSON est transmis sur un réseau, il est généralement minifié — tous les espaces supprimés — pour économiser la bande passante. Mais le JSON minifié est difficile à lire et à déboguer pour les humains.
Un formateur JSON restaure la lisibilité en ajoutant une indentation et des sauts de ligne cohérents. C'est essentiel pour déboguer les réponses d'API, éditer des fichiers de configuration (comme tsconfig.json, package.json ou .prettierrc), ou examiner les charges utiles de données. Le formateur valide également votre JSON — s'il y a une erreur de syntaxe, il vous indique où.
Cet outil utilise les méthodes intégrées JSON.parse() et JSON.stringify() de votre navigateur, il gère donc tout le JSON standard, y compris les objets imbriqués, les tableaux, les chaînes Unicode et les nombres spéciaux. Rien n'est envoyé à un serveur — vos données restent privées.
Questions fréquentes
Que fait un formateur JSON ? ▼
Un formateur JSON prend du texte JSON compressé ou désordonné et ajoute une indentation et des sauts de ligne cohérents, le rendant lisible pour les humains. Par exemple, <code>{"name":"Alice","age":30}</code> devient un objet multiligne correctement indenté que vous pouvez facilement parcourir et modifier.
Quelle est la différence entre formater et minifier du JSON ? ▼
Le formatage (pretty-print) ajoute de l'indentation et des sauts de ligne pour la lisibilité. La minification supprime tous les espaces inutiles pour produire la chaîne JSON la plus petite possible. Utilisez le formatage quand vous devez lire ou éditer du JSON ; la minification quand vous devez le transmettre sur un réseau.
Comment valider du JSON ? ▼
Collez votre JSON dans la zone de saisie et cliquez sur <strong>Formater</strong>. Si le JSON est valide, il sera reformaté et affiché dans la zone de sortie. S'il contient une erreur de syntaxe, l'outil affichera un message d'erreur avec la position approximative du problème.
Mes données JSON sont-elles envoyées à un serveur ? ▼
Non. Tout le traitement s'effectue localement dans votre navigateur en utilisant les méthodes intégrées <code>JSON.parse</code> et <code>JSON.stringify</code> de JavaScript. Rien n'est téléchargé ou stocké nulle part. Vous pouvez même utiliser cet outil hors ligne une fois la page chargée.
Quelles sont les erreurs de syntaxe JSON les plus courantes ? ▼
Les erreurs les plus courantes sont : les virgules finales (<code>[1, 2,]</code>), les guillemets simples au lieu de doubles (<code>{'key': 'value'}</code>), les clés sans guillemets (<code>{key: "value"}</code>) et les commentaires (JSON ne supporte pas les commentaires <code>//</code> ou <code>/* */</code>). Cet outil les détecte toutes.
Puis-je formater du JSON avec des tableaux et objets imbriqués ? ▼
Oui. Le formateur gère des niveaux d'imbrication arbitraires. Chaque niveau d'imbrication obtient son propre niveau d'indentation, rendant les structures complexes comme les réponses d'API, les fichiers de configuration et les données imbriquées faciles à lire.
Que signifie la statistique de profondeur ? ▼
La profondeur indique le niveau maximum d'imbrication dans votre JSON. Un objet plat comme <code>{"a": 1}</code> a une profondeur de 1. Un objet contenant un objet contenant un objet a une profondeur de 3. Les structures profondément imbriquées peuvent être plus difficiles à analyser mentalement — le compteur de profondeur vous aide à les repérer.