logo
GeekFormat

Formatage JSON

Aucun contenu

preview.json
Prêt

Outil de formatage JSON en ligne gratuit. Prend en charge l'embellissement, la validation, la compression et la modification visuelle en vue arborescente JSON. Avec détection d'erreurs de syntaxe intégrée et réparation automatique. Prend en charge la conversion de code vers 13 langages de programmation (TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML). Idéal pour le débogage d'API, la vérification de configuration et la lecture de journaux.

Recommandations connexes

Cas d'utilisation

  • Le JSON monoligne des réponses d'API doit être embelli en structure lisible pour faciliter la résolution de problèmes
  • Les fichiers de configuration et champs de journal doivent être formatés avant traitement ultérieur
  • Validation rapide de la validité JSON et compression de la taille pendant le débogage de développement
  • Besoin de convertir JSON en structures de code comme interfaces TypeScript, classes Java ou dictionnaires Python
  • Lors de la comparaison de deux réponses d'API, trier d'abord par clé puis vérifier les différences champ par champ
  • Structurer des structures imbriquées complexes d'API tierces avec la vue arborescente ou carte mentale pour comprendre rapidement la hiérarchie
  • Développer des journaux de suivi et données Webhook compressés pour la lecture et la localisation de champs anormaux
  • Formater le JSON compact dans les variables d'environnement ou configurations locales pour modification, puis recompresser pour réécriture

Fonctionnalités

  • Embellissement JSON plus intuitif : organise rapidement les données d'une ligne en structure hiérarchique lisible, indentation commutable entre 2/4 espaces ou Tab
  • Prend en charge validation et compression : détection en temps réel des erreurs de syntaxe avec indication précise de position, compression en un clic vers la monoligne la plus compacte
  • Conversion de code vers 13 langages : génération en un clic de TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML
  • Modification visuelle en vue arborescente JSON : réduction/extension de nœuds, affichage et modification intuitifs de structures profondément imbriquées
  • Vue carte mentale : présentation des relations parent-enfant d'objets/tableaux sous forme de connexions de nœuds, idéale pour structurer des structures complexes
  • Tri des clés : réorganisation des clés d'objet par ordre alphabétique croissant/décroissant, pratique pour comparer les différences et standardiser l'ordre des champs
  • Traitement fluide des grands fichiers : défilement virtuel + analyse en arrière-plan Web Worker, plusieurs Mo de JSON sans ralentissement
  • Confidentialité et sécurité : exécution entièrement locale dans le navigateur, aucune donnée envoyée, sécurisé même pour le traitement de retours contenant des clés
  • Opérations pratiques : téléchargement/téléversement de fichiers, copie en un clic, retour en arrière dans l'historique, partage URL - tout est inclus

Comment utiliser

  1. Coller le contenu JSON ou télécharger un fichier JSON
  2. Choisir le mode Embellir, Compresser ou Valider, ou basculer vers la vue arborescente/carte mentale pour l'affichage visuel
  3. Afficher la structure hiérarchique formatée et les messages d'erreur, basculer si nécessaire vers la conversion de code pour générer la structure du langage cible
  4. Copier le contenu traité, télécharger le fichier ou générer un lien partageable

FAQ

Comment formater rapidement un JSON d'une seule ligne en une structure lisible ?

Collez simplement votre contenu JSON pour l'embellir rapidement. Idéal pour afficher les réponses d'API, les fichiers de configuration et les champs de journal. L'outil ajoute automatiquement des indentations et des sauts de ligne, organisant les données compactes en une structure hiérarchique claire. Par défaut, 2 espaces d'indentation sont utilisés, vous pouvez également changer la taille d'indentation dans la barre d'outils.

Quelle est la différence entre le formatage JSON et la réparation JSON ?

Le formatage JSON est mieux adapté au traitement de contenu valide mais difficile à lire, tandis que la réparation JSON est meilleure pour les structures invalides comme les erreurs, guillemets manquants et virgules finales. Si une erreur s'affiche lors du formatage, nous recommandons d'abord d'effectuer une réparation JSON. En bref : le formatage ajuste seulement la mise en page sans modifier le contenu ; la réparation tente de compléter les guillemets et parenthèses manquants et de supprimer les virgules superflues pour le rendre à nouveau valide.

Pourquoi une erreur s'affiche-t-elle lors du formatage JSON ?

C'est généralement parce que le contenu n'est pas un JSON valide, par ex. à cause de commentaires, guillemets simples, virgules finales ou parenthèses non fermées. La spécification JSON (RFC 8259) exige que les clés soient entre guillemets doubles, les chaînes ne peuvent pas utiliser de guillemets simples, il ne doit pas y avoir de virgule après le dernier élément et les commentaires // ou /* */ ne sont pas autorisés. Dans ce cas, il est préférable d'effectuer d'abord une réparation JSON puis de formater.

Convient-il pour le débogage d'API et l'affichage des réponses de journaux ?

Absolument. Les réponses d'API, données Webhook, journaux de suivi et fragments de configuration doivent souvent être formatés avant d'être examinés. L'outil prend également en charge la modification visuelle dans la vue arborescente JSON, la vue carte mentale et la conversion de code vers 13 langages de programmation pour vous aider à comprendre rapidement les structures de données.

JSON peut-il être converti en interfaces TypeScript ou classes Java ?

Oui. L'outil prend en charge la conversion de JSON vers 13 formats : TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML. Générez la structure de code correspondante en un clic, idéal pour créer rapidement des modèles de données frontend et backend basés sur les réponses d'API.

Les données JSON formatées sont-elles téléchargées sur un serveur ?

Non. Tous les formatages, validations, compressions et conversions de code s'exécutent entièrement localement dans votre navigateur, les données ne sont pas téléchargées sur des serveurs. Même lors du traitement de réponses d'API contenant des clés, tokens ou données utilisateur, c'est sécurisé. Après fermeture de la page, les données sont supprimées.

Peut-il traiter de grands fichiers JSON ?

Oui. L'outil utilise le rendu à défilement virtuel et l'analyse en arrière-plan Web Worker, permettant de formater et parcourir fluidement des JSON de plusieurs Mo sans bloquer la page. Pour les très grands fichiers, nous recommandons de télécharger directement le fichier JSON plutôt que de le coller pour de meilleures performances.

À quoi sert la compression JSON (Minify) ?

La compression supprime tous les espaces et sauts de ligne superflus du JSON pour obtenir le résultat monoligne le plus compact. Cela réduit considérablement la taille et économise la bande passante et le stockage. Souvent utilisé pour la transmission d'API, l'écriture de configurations, l'intégration dans du code ou comme variable d'environnement. Le JSON compressé est sémantiquement identique à celui avant formatage, juste moins lisible par l'humain.

Que sont la vue arborescente JSON et la vue carte mentale ?

La vue arborescente rend JSON sous forme d'arbre hiérarchique réductible avec extension/réduction de nœuds et modification visuelle des champs, idéale pour parcourir des données profondément imbriquées. La vue carte mentale présente la structure sous forme de connexions de nœuds et affiche intuitivement les relations parent-enfant des objets et tableaux, idéale pour structurer des structures de données complexes ou pour des présentations.

Peut-on trier par clés après formatage ?

Oui. L'outil propose une fonction de tri des clés qui prend en charge la réorganisation des clés d'objet par ordre alphabétique croissant ou décroissant. Pratique pour comparer les différences entre deux JSON, standardiser l'ordre des champs dans les fichiers de configuration ou afficher les champs d'API dans un ordre fixe pour les revues de code.

Le résultat formaté peut-il être partagé avec des collègues ?

Oui. L'outil prend en charge la compression et l'encodage du contenu JSON actuel dans une URL pour générer un lien partageable. À l'ouverture du lien, le destinataire voit les mêmes données sans qu'aucune donnée ne soit téléchargée sur un serveur. Idéal pour la collaboration rapide lors de la résolution de problèmes d'API ou pour reproduire des scénarios de données.

À propos de JSON et du formatage JSON

JSON (JavaScript Object Notation) est un format d'échange de données léger qui représente les données à l'aide de paires clé-valeur et de tableaux. En raison de sa simplicité, lisibilité et indépendance vis-à-vis des langages, il est devenu le standard de facto pour les API Web, fichiers de configuration, journaux et transmission de données frontend-backend. JSON n'a que six types de valeurs de base : chaîne, nombre, booléen, null, objet et tableau. Les règles de syntaxe sont définies conjointement par les normes RFC 8259 et ECMA-404.

Le formatage JSON (aussi appelé embellissement JSON, JSON Beautify) consiste à ajouter des indentations et sauts de ligne appropriés au JSON compact sans modifier le contenu des données, pour le rendre sous forme hiérarchique lisible par l'humain. Le JSON dans les réponses d'API, journaux et stockage est souvent compressé en une seule ligne et très difficile à lire directement. Après formatage, vous pouvez clairement voir les imbrications d'objets, éléments de tableau et valeurs de chaque champ.

L'opération opposée au formatage est la compression JSON (Minify), qui supprime tous les espaces blancs non nécessaires et ramène JSON à sa forme monoligne la plus compacte pour réduire la taille de transmission. Le formatage et la compression sont des opérations réversibles l'une de l'autre, ni l'une ni l'autre ne modifie la sémantique de JSON, elles n'affectent que la lisibilité et la taille.

La validation JSON vérifie si un texte respecte les règles de syntaxe JSON. Les écritures invalides courantes incluent : utilisation de guillemets simples au lieu de guillemets doubles, clés sans guillemets, virgule finale superflue après le dernier élément, insertion de commentaires // ou /* */, parenthèses ou guillemets non correctement fermés, etc. Ce ne sont pas des JSON valides, une erreur sera signalée lors du formatage – dans ce cas, vous devez d'abord utiliser l'outil de réparation JSON puis formater.

Cet outil propose en plus du formatage une vue arborescente, une vue carte mentale et une conversion de code vers 13 langages de programmation : vous pouvez réduire JSON en un arbre hiérarchique visuel pour parcourir des structures profondes, ou convertir en un clic le JSON d'API en interfaces TypeScript, classes Java, dictionnaires Python ou instructions de création de table de base de données, à utiliser directement dans le développement. Tous les traitements s'effectuent localement dans le navigateur, les données ne sont pas téléchargées sur le serveur.

Tableau de référence rapide des types de données JSON

JSON n'a que six types de valeurs. Leur compréhension aide à juger rapidement si les données sont valides et comment les mapper aux types de langages de programmation.

TypeExempleDescription
string"hello"Chaîne, doit être entre guillemets doubles, prend en charge les caractères d'échappement et le codage Unicode \uXXXX.
number25 / 3.14 / -1e5Nombre, prend en charge entiers, décimaux et notation scientifique, analysé en virgule flottante double précision, ne distingue pas entier et flottant.
booleantrue / falseBooléen, ne peut être que true ou false en minuscules.
nullnullValeur nulle, signifie aucune donnée, doit être en minuscules, différent de la chaîne vide ou de 0.
object{"k": "v"}Objet, collection de paires clé-valeur entourée d'accolades, les clés doivent être des chaînes entre guillemets doubles.
array[1, 2, 3]Tableau, liste ordonnée de valeurs entourée de crochets, les types d'éléments peuvent être différents.

Tableau des caractères d'échappement de chaînes JSON

Les caractères suivants dans les chaînes JSON doivent être échappés par un antislash, sinon l'analyse échouera.

ÉchappementSignification
\"Guillemet double
\\Antislash
\/Slash (échappement optionnel)
\nSaut de ligne
\rRetour chariot
\tTabulation
\bRetour arrière
\fSaut de page
\uXXXXCaractère Unicode en hexadécimal à quatre chiffres

Tableau de comparaison des écritures invalides courantes

Voici les écritures JSON invalides faciles à méprendre et leurs formes valides, à vérifier en cas d'erreur de formatage.

InvalideValideNote
{name: "a"}{"name": "a"}Les clés doivent être entre guillemets doubles
{'name': 'a'}{"name": "a"}Les chaînes doivent être entre guillemets doubles, pas de guillemets simples
{"a": 1,}{"a": 1}Les virgules finales ne sont pas autorisées
{"a": 1} // commentaire{"a": 1}JSON ne prend pas en charge les commentaires
{"a": undefined}{"a": null}Il n'y a pas d'undefined, utilisez null pour les valeurs nulles
{"a": .5}{"a": 0.5}Les décimales doivent avoir un chiffre entier 0

Code Examples

JavaScript : Formater JSON avec JSON.stringify

javascript

Le troisième paramètre de JSON.stringify intégré aux navigateurs et Node.js spécifie l'indentation, c'est la méthode de programmation la plus courante pour formater JSON.

const data = { name: '张三', age: 25, tags: ['a', 'b'] };

// Embellissement : le troisième paramètre est le nombre d'espaces d'indentation (peut aussi passer '\t' pour Tab)
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);

// Compression : sans troisième paramètre, obtient la monoligne la plus compacte
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}

// Analyser une chaîne en objet (vérifie la syntaxe, lance SyntaxError en cas d'invalidité)
const obj = JSON.parse(pretty);

Python : Formater JSON avec le module json

python

La bibliothèque standard Python json contrôle l'indentation et l'affichage du chinois via les paramètres indent et ensure_ascii.

import json

data = {"name": "张三", "age": 25, "tags": ["a", "b"]}

# Sortie embellie, indent spécifie l'indentation, ensure_ascii=False conserve le chinois
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)

# Sortie compressée : utiliser les séparateurs les plus compacts
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)

# Analyser une chaîne (lance json.JSONDecodeError en cas d'invalidité)
obj = json.loads(pretty)

Ligne de commande : Formater JSON avec jq

bash

jq est un outil puissant pour traiter JSON en ligne de commande, il peut rapidement embellir, compresser et extraire des champs.

# Embellissement (indentation par défaut de 2 espaces)
cat data.json | jq '.'

# Compresser en une seule ligne
cat data.json | jq -c '.'

# Extraire un champ spécifique
cat data.json | jq '.user.name'

# Embellir directement le résultat de curl par tube
curl -s https://api.example.com/user | jq '.'

Privacy & Security

Tous les formatages, validations, compressions et conversions de code JSON de cet outil s'exécutent entièrement localement dans votre navigateur. Les données ne sont pas téléchargées sur des serveurs, ni enregistrées ou mises en cache à distance. Même lors du traitement de réponses d'API contenant des clés, tokens ou informations utilisateur, c'est sécurisé. Après fermeture ou actualisation de la page, les données sont supprimées.

Authoritative References

Troubleshooting

Unexpected token ... in JSON (Caractère inattendu / erreur de syntaxe)

C'est généralement parce que des guillemets simples sont utilisés, les clés ne sont pas entre guillemets doubles ou des commentaires // , /* */ sont présents. La spécification JSON exige que toutes les chaînes et clés soient entre guillemets doubles et que les commentaires ne soient pas pris en charge. Veuillez remplacer par des guillemets doubles et supprimer les commentaires, ou utilisez d'abord l'outil de réparation JSON.

Unexpected end of JSON input (Fin de contenu inattendue)

Normalement, les parenthèses {} ou [] ou guillemets ne sont pas correctement fermés, rendant JSON incomplet. Veuillez vérifier que les structures sont fermées par paires. Lors du collage de réponses d'API, il se peut que seule une partie du contenu ait été copiée, assurez-vous de copier complètement.

La virgule finale provoque une erreur (Trailing comma)

JSON n'autorise pas de virgule après le dernier élément d'un objet ou tableau, par ex. {"a":1,} ou [1,2,] sont invalides. Supprimez la virgule superflue. Les objets JavaScript autorisent les virgules finales mais pas JSON, soyez particulièrement vigilant lors de la copie depuis du code.

Les caractères chinois ou spéciaux s'affichent sous forme \uXXXX

C'est l'écriture d'échappement Unicode de JSON, c'est en soi valide et peut être analysé normalement après formatage. Si vous souhaitez afficher directement le chinois, désactivez l'échappement côté production (par ex. ensure_ascii=False en Python, désactivation de l'échappement HTML en Go).

Perte de précision des grands nombres (ex. ID devient notation scientifique ou dernier chiffre est mis à zéro)

Les nombres JSON sont analysés selon la norme IEEE 754 en virgule flottante double précision. Les entiers dépassant 2^53 (ex. IDs Snowflake, numéros de commande) perdent en précision. La solution est d'envelopper les grands entiers dans des chaînes lors de la transmission, c'est-à-dire "id": "9007199254740993", pour éviter qu'ils soient analysés comme nombres.

Retour à une ligne après formatage

Basculez simplement vers "Compresser / Minify" pour ramener le JSON multiligne embelli à la monoligne la plus compacte, pour la transmission d'API, l'écriture de configurations ou l'intégration dans du code. La compression et l'embellissement sont des opérations inverses l'une de l'autre et ne modifient pas le contenu des données.