Formatez, validez et explorez les données JSON instantanément dans votre navigateur
JSON (JavaScript Object Notation) est la lingua franca des logiciels modernes. Que vous soyez un développeur déboguant une réponse d'API, un analyste de données inspectant un fichier de configuration, ou un utilisateur non technique essayant de comprendre des données structurées, lire du JSON brut peut être une expérience frustrante. Une seule virgule manquante ou une accolade mal placée peut casser une application entière, et le JSON non formaté est presque impossible à scanner visuellement.
Comprendre JSON
Qu'est-ce que JSON ?
JSON (JavaScript Object Notation) est un format d'échange de données léger et basé sur du texte défini par la norme RFC 8259. Il représente des données structurées sous forme de collection de paires nom/valeur (objets) et de listes ordonnées (tableaux). JSON prend en charge six types de données : chaînes (enfermées dans des guillemets doubles), nombres (entiers ou à virgule flottante), booléens (vrai ou faux), null, objets (accolades contenant des paires clé-valeur), et tableaux (crochets contenant des valeurs). Étant donné que JSON est indépendant du langage et lisible par l'homme, il est devenu le format dominant pour les API REST, les fichiers de configuration, les bases de données NoSQL, et la communication inter-services à travers pratiquement tous les langages de programmation et plateformes.
Comment fonctionne le formatage ?
Le formatage JSON utilise la fonction intégrée JSON.parse() du navigateur pour désérialiser la chaîne d'entrée en une valeur JavaScript native, puis la re-sérialise avec JSON.stringify() en utilisant le niveau d'indentation choisi. Si JSON.parse() génère une SyntaxError, le formateur l'attrape, extrait la position du caractère du message d'erreur, mappe cette position à un numéro de ligne et de colonne dans l'entrée originale, et affiche une erreur lisible par l'homme. La minification fonctionne de manière identique mais ne passe aucun argument d'indentation à JSON.stringify(), produisant la représentation la plus compacte possible. La correction automatique applique une séquence de transformations de texte avant le parsing pour corriger les problèmes courants comme les virgules traînantes, les guillemets simples, et les clés non citées.
Pourquoi le formatage JSON est-il important ?
Le JSON non formaté ou minifié est presque illisible pour les humains. Une charge utile sur une seule ligne qui s'étend sur des milliers de caractères rend pratiquement impossible de repérer un champ manquant, une mauvaise valeur, ou une erreur structurelle. Une indentation appropriée révèle immédiatement la hiérarchie des données — vous pouvez voir d'un coup d'œil quelles clés appartiennent à quel objet, à quel point un tableau est profondément imbriqué, et où une structure commence et se termine. Pour déboguer les réponses d'API, examiner les fichiers de configuration, ou communiquer des structures de données à des collègues, un JSON bien formaté réduit considérablement la charge cognitive. La validation est tout aussi importante : une seule erreur de syntaxe dans un fichier de configuration JSON peut faire planter une application au démarrage, et détecter cette erreur avant le déploiement fait gagner du temps et prévient les incidents.
Limitations et notes
Le formateur fonctionne sur du JSON valide tel que défini par la norme RFC 8259. JSON ne prend pas en charge les commentaires, les virgules traînantes, ou les chaînes entre guillemets simples — des fonctionnalités courantes dans les littéraux d'objet JavaScript et les formats de configuration comme JSONC ou JSON5. La fonction de correction automatique gère beaucoup de ces cas, mais c'est un processus heuristique et peut ne pas gérer correctement chaque cas particulier, en particulier dans des entrées profondément malformées. Les fichiers JSON très volumineux (plusieurs mégaoctets) peuvent provoquer un léger retard d'interface utilisateur puisque le traitement se fait sur le fil principal du navigateur. L'exportation CSV ne fonctionne que sur des tableaux d'objets plats ; les objets imbriqués dans les éléments du tableau sont sérialisés en tant que chaînes JSON plutôt que d'être aplatis en colonnes. Tout le traitement est purement côté client — aucune donnée n'est transmise nulle part.
Comment utiliser ce formateur
Collez ou téléchargez votre JSON
Copiez votre chaîne JSON d'une réponse d'API, d'un fichier de configuration, ou de toute source et collez-la dans la zone de texte d'entrée. Alternativement, cliquez sur 'Télécharger le fichier' pour importer un fichier .json directement depuis votre ordinateur. Le formateur commence à traiter automatiquement au fur et à mesure que vous tapez.
Choisissez les options de formatage
Sélectionnez votre indentation préférée (2 espaces pour une sortie compacte, 4 espaces pour une lisibilité accrue, ou tabulation pour un formatage traditionnel). Activez 'Trier les clés' si vous souhaitez que toutes les clés d'objet soient ordonnées par ordre alphabétique — utile lors de la comparaison de deux objets JSON ou de la génération d'une sortie déterministe.
Examinez le résultat
Un badge vert confirme que le JSON est valide. S'il y a une erreur de syntaxe, un badge rouge affiche la ligne et le numéro de colonne exacts ainsi qu'une description de l'erreur en langage clair. Utilisez le bouton 'Correction automatique' pour réparer automatiquement les problèmes courants comme les virgules finales, les guillemets simples et les clés non citées avant le formatage.
Copier, télécharger ou explorer
Alternez entre la vue formatée (code avec syntaxe colorée), la vue arborescente (hiérarchie interactive réductible) et l'onglet CSV (pour les tableaux d'objets). Copiez la sortie dans le presse-papiers ou téléchargez-la au format .json ou .csv. Vérifiez les barres de comparaison de taille pour voir combien la minification réduit votre charge utile.
Questions Fréquemment Posées
Mes données JSON sont-elles sûres à coller ici ?
Oui, complètement. Le formatteur JSON fonctionne entièrement dans votre navigateur en utilisant JavaScript côté client. Vos données ne sont jamais envoyées à un serveur, jamais stockées et jamais enregistrées. Tout se passe localement sur votre appareil — même si vous vous déconnectez d'Internet après avoir chargé la page, le formatteur continue de fonctionner. Cela le rend sûr à utiliser avec des jetons API, des charges utiles de base de données, des fichiers de configuration internes ou toute donnée sensible que vous ne voudriez pas transmettre sur un réseau.
Que fait le bouton de correction automatique ?
La correction automatique applique une séquence de réparations heuristiques aux JSON malformés avant l'analyse. Elle gère les problèmes les plus courants dans le monde réel : suppression des virgules finales (laissées par les littéraux d'objet JavaScript), conversion des guillemets simples en guillemets doubles, ajout de guillemets manquants autour des clés d'objet non citées, remplacement des None/True/False de style Python par JSON null/true/false, suppression des commentaires de style JavaScript (// et /* */), normalisation des caractères de guillemets courbes ou 'intelligents' collés depuis des traitements de texte, suppression des wrappers de fonction JSONP, et conversion du JSON délimité par des nouvelles lignes (NDJSON) en un tableau JSON valide. La correction automatique est un outil de meilleur effort — il fonctionne bien pour les cas courants mais ne peut pas réparer des données gravement corrompues.
Quelle est la différence entre formatage et minification ?
Le formatage (également appelé embelli ou impression soignée) ajoute de l'indentation et des sauts de ligne pour rendre le JSON facile à lire. Il est idéal pour le développement, le débogage et la documentation. La minification fait le contraire : elle supprime tous les espaces inutiles — espaces, tabulations et nouvelles lignes — produisant la représentation la plus compacte possible des mêmes données. Le JSON minifié est plus rapide à transmettre sur un réseau et utilise moins de bande passante, ce qui en fait le format préféré pour les réponses API en production. Les deux représentations contiennent exactement les mêmes données ; seule la mise en forme diffère. Nos barres de comparaison de taille vous montrent numériquement à quel point la sortie minifiée est plus petite.
Comment fonctionne la vue arborescente ?
La vue arborescente rend votre JSON sous la forme d'une hiérarchie interactive réductible. Chaque objet et tableau est affiché avec une flèche de basculement qui développe ou réduit ses enfants. Cliquer sur n'importe quel nœud le bascule ouvert ou fermé. Par défaut, les deux premiers niveaux sont développés afin que vous puissiez immédiatement voir la structure de haut niveau sans être submergé par des données profondément imbriquées. Les boutons Développer tout et Réduire tout basculent l'ensemble de l'arbre à la fois. Survoler n'importe quel nœud révèle une petite icône de copie qui vous permet de copier juste la valeur de ce nœud au format JSON — parfait lorsque vous avez besoin d'un objet imbriqué spécifique d'une grande réponse.
Quand l'onglet CSV apparaît-il ?
L'onglet CSV apparaît automatiquement lorsque votre JSON est un tableau valide d'objets — un modèle renvoyé par pratiquement toutes les API REST qui listent des ressources (utilisateurs, produits, commandes, etc.). Le convertisseur extrait toutes les clés uniques de tous les objets en tant qu'en-têtes de colonne, puis associe les valeurs de chaque objet aux colonnes correspondantes. Les objets imbriqués dans les éléments du tableau sont sérialisés en tant que chaînes JSON plutôt que d'être aplatis en sous-colonnes. Le CSV résultant peut être téléchargé et ouvert directement dans Excel, Google Sheets ou toute application de tableur. Si votre JSON est un seul objet ou contient des éléments de tableau non-objets, l'onglet CSV est masqué.
Quelle indentation devrais-je choisir ?
Le choix dépend de votre cas d'utilisation et des conventions de votre équipe. Deux espaces est le choix le plus populaire dans JavaScript, TypeScript et les fichiers de configuration JSON — cela garde les fichiers compacts tout en étant lisibles. Quatre espaces sont courants dans les projets Python et certains environnements Java. Les tabulations sont préférées par certaines équipes car elles permettent à chaque développeur de configurer son éditeur pour les afficher à n'importe quelle largeur visuelle. En cas de doute, vérifiez le .editorconfig de votre projet ou la configuration de linting. Pour partager du JSON dans la documentation ou les messages où l'alignement visuel compte plus que la taille du fichier, 4 espaces tendent à être les plus clairs. Pour les réponses API en production, utilisez toujours la minification plutôt que toute indentation.