Formateur de JSON

Formatez, validez et minifiez du JSON sans quitter votre navigateur. Les erreurs de syntaxe affichent la ligne, la colonne et, si possible, une correction automatique.

Indentation

Affichage

JSON d'entrée

Résultat

Rien à afficher pour l'instant

Collez ou saisissez un JSON dans le champ à côté pour voir le résultat formaté, l'arbre ou les erreurs de validation.

Comment utiliser le Formateur de JSON ?

1

Collez le JSON

Collez ou saisissez le JSON dans le champ de saisie, ou chargez l'exemple pour tester l'outil.

2

Consultez le résultat

Le résultat formaté apparaît automatiquement à côté. En cas d'erreur, la ligne et la colonne exactes sont indiquées.

3

Ajustez le format

Choisissez l'indentation et basculez entre formaté, arbre et minifié, selon vos besoins.

4

Copiez ou téléchargez

Copiez le résultat en un clic ou téléchargez-le sous forme de fichier .json.

Fonctionnalités du Formateur de JSON

Formatage instantané

Collez le JSON et voyez le résultat formaté immédiatement, sans avoir à cliquer sur quoi que ce soit. La validation se fait en même temps, en temps réel.

Erreur avec ligne et colonne

Quand le JSON est invalide, la raison s'affiche en français, avec la ligne, la colonne et un extrait du texte indiquant précisément où se trouve le problème.

Arbre navigable avec recherche

Explorez les objets et tableaux imbriqués dans un arbre que vous pouvez développer et réduire, et trouvez n'importe quelle clé ou valeur grâce à la recherche.

Tout dans votre navigateur

Le formatage, la validation et la minification s'exécutent localement. Aucun JSON collé ici ne quitte votre navigateur.

Qu'est-ce que JSON ?

JSON (JavaScript Object Notation) est un format texte pour représenter des données structurées : objets avec paires clé-valeur, listes, chaînes de caractères, nombres, booléens et null. Malgré son nom, il ne dépend pas de JavaScript. C'est le format standard pour les réponses d'API REST, les fichiers de configuration et l'échange de données entre systèmes, avec un support natif dans pratiquement tous les langages.

Syntaxe d'un JSON valide

Le JSON accepte six types de valeur : une chaîne entre guillemets doubles, un nombre, un booléen, null, un objet entre accolades et un tableau entre crochets. Les clés d'un objet s'écrivent toujours entre guillemets doubles, jamais entre guillemets simples, et les éléments d'un même niveau sont séparés par des virgules, sans virgule superflue après le dernier.

Exemple de JSON valide :

{ "name": "Ana", "active": true, "age": 30, "tags": ["dev", "qa"], "address": null }

À quoi sert le formateur de JSON pour les devs et QA

Formater et valider du JSON revient souvent dans le travail quotidien de développement et de test logiciel :

  • Lire la réponse d'une API qui arrive sur une seule ligne, sans indentation, directement depuis DevTools, Postman ou Insomnia
  • Valider un payload avant de l'envoyer, pour s'assurer que la syntaxe est correcte avant de déboguer la logique
  • Inspecter des fixtures et des mocks de test, en utilisant l'arbre pour naviguer dans des structures profondes sans se perdre
  • Minifier un fichier de configuration ou une réponse avant de le versionner ou de l'envoyer sur le réseau

Erreurs courantes en écrivant du JSON

Laisser une virgule superflue à la fin

Le JSON n'accepte pas de virgule après le dernier élément d'un objet ou d'un tableau, contrairement à JavaScript. C'est la cause d'erreur la plus fréquente lorsqu'on colle un objet JS directement comme s'il s'agissait de JSON.

Utiliser des guillemets simples

Le JSON exige des guillemets doubles pour les clés et les chaînes. Les guillemets simples, courants dans les objets JavaScript, rendent le contenu invalide en JSON.

Laisser une accolade ou un crochet non fermé

Dans des payloads volumineux et très imbriqués, il est facile de perdre le compte des accolades et des crochets ouverts. La ligne et la colonne de l'erreur indiquent précisément où la fermeture manque.

Confondre le JSON avec un objet JavaScript

Le JSON n'accepte ni commentaires, ni fonctions, ni undefined, ni clés sans guillemets. Un objet JavaScript valide peut ne pas être un JSON valide, même s'il paraît identique.

Questions Fréquentes sur le Formateur de JSON

Tout ce qu'il faut savoir pour formater, valider et déboguer du JSON au quotidien.