Français
Formatez, validez et explorez du JSON avec une vue arborescente en direct.
Dernière mise à jour
Un formateur JSON (aussi appelé embellisseur ou pretty-printer) prend du JSON compact ou désordonné et le transforme en données lisibles et indentées. C'est l'un des outils que les devs ouvrent le plus souvent au quotidien : pour inspecter une réponse d'API, lire un fichier de config, déboguer des logs, comparer des fixtures de test ou faire transiter des données entre le frontend et le backend.
Le JSON est un format strict : les clés sont entre guillemets doubles, les chaînes aussi, les virgules doivent être placées correctement, et chaque { ou [ ouvert doit être refermé. Un formateur rend cette structure visible, et le validateur intégré vous indique précisément où la syntaxe casse, le cas échéant.
JSON signifie JavaScript Object Notation. Bien qu'il soit issu de JavaScript, quasiment tous les langages disposent d'un support natif pour lire et écrire du JSON, ce qui en fait le format par défaut pour échanger des données structurées sur le web.
{} pour des champs nommés, les tableaux [] pour des listes ordonnées, et les deux peuvent être imbriqués sans limite de profondeur.null, objet et tableau. Pas de undefined, pas de fonctions, pas de commentaires.Copiez le JSON depuis votre réponse d'API, votre fichier de logs ou votre config et collez-le à gauche. Le formateur accepte aussi bien du JSON minifié que partiellement formaté.
Deux espaces, c'est le style le plus répandu ; quatre espaces se rencontre aussi très souvent. Prenez ce qui correspond à la convention déjà en place sur votre projet.
Si le JSON est valide, la version formatée apparaît à droite. Sinon, le message d'erreur indique la ligne et le caractère où le parsing a échoué.
Servez-vous de l'arbre repliable pour fermer les objets et tableaux profondément imbriqués. C'est le moyen le plus rapide de comprendre la structure d'une réponse d'API qu'on découvre.
Copiez la version indentée dans votre code ou votre doc, ou reminifiez-la sur une seule ligne pour le stockage et le transport réseau.
L'ensemble des briques de base du JSON. Tout ce qui sort de cette liste n'est pas du JSON valide. Spécifications : RFC 8259 et ECMA-404.
| Token | Signification | Exemple |
|---|---|---|
{ } | Objet — ensemble de paires clé/valeur | {"name": "Maya"} |
[ ] | Tableau — liste ordonnée de valeurs | [1, 2, 3] |
"..." | Chaîne — toujours entre guillemets doubles | "hello" |
| Nombre | Entier ou décimal, sans guillemets ni + initial | 42, -3.14 |
true / false | Valeurs booléennes, en minuscules | true |
null | Valeur vide / absente | null |
: | Séparateur entre une clé et sa valeur | "id": 7 |
, | Séparateur entre éléments — jamais en fin de liste | [1, 2, 3] |
{"user":{"id":7,"name":"Maya"},"skills":["HTML","JavaScript"]}{ "user": { "id": 7, "name": "Maya" }, "skills": ["HTML", "JavaScript"]}Une fois indentés, l'objet imbriqué user et le tableau skills deviennent bien plus faciles à parcourir. Les données sont strictement identiques — seuls les espaces changent.
{ "name": "Coddy", "active": true,}Le JSON n'autorise pas de virgule après la dernière propriété. Le validateur va signaler le } de fermeture. C'est l'une des erreurs les plus fréquentes quand on recopie de la syntaxe d'objet JavaScript dans du JSON.
{ "count": 3, "countText": "3", "enabled": true}3 est un nombre, "3" est une chaîne et true est un booléen — trois types JSON différents. Beaucoup d'API plantent quand la structure est correcte mais qu'un type de valeur ne l'est pas.
{ "data": { "orders": [ { "id": 101, "items": [{ "sku": "A", "qty": 2 }] }, { "id": 102, "items": [] } ] }}Utilisez la vue arborescente pour replier data.orders et découvrir la structure niveau par niveau. Les tableaux d'objets imbriqués sont le motif le plus courant dans les réponses REST.
undefined ne sont pas valides en JSON, et les virgules en fin de liste font échouer le parsing.+ initial, ni de zéros en tête (sauf 0 lui-même), ni être entouré de guillemets si vous voulez vraiment un nombre.null restent exactement les mêmes. Si vous reminifiez, vous retrouvez la forme compacte d'origine.undefined ne sont pas autorisés.package.json, tsconfig.json), métadonnées de packages, lignes de logs, localStorage du navigateur, fixtures de test.