English Čeština Deutsch Magyar Français Español Português (Brasil)

Formateur JSON

8 min de lecture

Sur cette page

Le JSON contient des valeurs nommées et des listes. Collez-le dans le champ de saisie et choisissez une opération. Formater ajoute des espaces pour faciliter la lecture. Les autres modes permettent d’examiner, de modifier ou de convertir les données. Le résultat reste séparé de la saisie, sauf si vous appliquez une réparation ou modifiez une valeur dans Arborescence.

Mettre du JSON en forme

  1. Choisissez Formater.

  2. Collez l’exemple ci-dessous dans JSON à traiter.

  3. Lisez le résultat à côté de la saisie, ou en dessous sur un petit écran.

  4. Choisissez l’indentation, puis copiez ou téléchargez le résultat.

{"name":"Alex","items":["Tea","Coffee"],"active":true}

Formatage automatique est activé par défaut. Le résultat s’actualise pendant la saisie. Si vous le désactivez, utilisez le bouton principal après chaque modification. Sur téléphone, ouvrez Options de mise en forme pour les réglages et Plus pour les actions secondaires.

Importer accepte les fichiers texte JSON, TXT et JS. Leur contenu doit rester du JSON pour les modes ordinaires. Exemple ouvre un choix d’exemples. Importer et Exemple demandent confirmation avant de remplacer un contenu existant. Coller remplace directement la saisie.

Mettre du JSON en forme

Choisir l’espacement et les modifications des données

OptionEffet
IndentationChoisissez deux espaces, quatre espaces, une tabulation ou Compact dans les modes qui proposent l’indentation.
Trier les clésTrie les clés des objets par ordre alphabétique, y compris dans les objets imbriqués.
Conserver l’ordreLaisse le tri désactivé. Ne peut pas être activé en même temps que Trier les clés.
Supprimer les nullDans le résultat mis en forme, supprime les propriétés et les éléments de tableaux valant null, y compris les valeurs imbriquées.
Échapper l’UnicodeÉcrit les caractères non ASCII sous forme de séquences d’échappement dans le JSON mis en forme.
Défilement synchroniséFait défiler les deux éditeurs ensemble.

Certaines commandes ne sont pas disponibles dans tous les modes. Utilisez Formater ou Réparer pour les transformations ci-dessus. Minifier supprime les espaces de mise en forme. Les modes de conversion appliquent leurs propres règles.

Supprimer les null modifie les données, y compris les positions dans les tableaux. Le tri et l’analyse peuvent aussi changer l’ordre écrit des clés. L’analyse JSON conserve la dernière valeur des clés en double. Les très grands nombres peuvent perdre en précision. Si un long identifiant doit rester exact, écrivez-le sous forme de chaîne entre guillemets dans la source.

Choisir l’espacement et les modifications des données

Réparer une syntaxe invalide

Les modes ordinaires signalent un JSON invalide au lieu de le corriger sans vous prévenir. Passez à Réparer ou utilisez l’action Réparer à côté d’une erreur pour tenter une correction.

Réparer peut corriger des problèmes courants comme les guillemets simples, les virgules finales, les commentaires et les clés sans guillemets. Vérifiez le résultat avant d’utiliser Appliquer à la saisie. Une analyse réussie ne prouve pas que la réparation a préservé les données voulues.

Si la réparation échoue, utilisez le message d’erreur pour examiner la source. Mieux vaut corriger vous-même la valeur concernée que deviner les données manquantes.

Réparer une syntaxe invalide

Explorer et modifier une arborescence

Arborescence présente les objets et listes imbriqués sous forme de lignes à déplier. Utilisez les flèches à côté de ces lignes, ou Tout déplier et Tout replier, pour choisir les éléments visibles.

Dans l’arborescence principale, cliquez sur une valeur ou une clé d’objet pour la modifier. La touche Entrée ou un clic ailleurs valide la modification. Échap l’annule. Une clé ne peut pas prendre le nom d’une autre clé du même objet.

Une valeur modifiée comme 42, true, false ou null prend le type JSON correspondant. Tout autre texte devient une chaîne. Vérifiez le type obtenu si vous modifiez un identifiant qui ressemble à un nombre.

Les modifications dans l’arborescence actualisent aussi le JSON saisi. L’arborescence en plein écran est en lecture seule. Son action Copier copie le texte affiché. Utilisez donc le résultat JSON ordinaire pour obtenir un fichier JSON.

Explorer et modifier une arborescence

Comparer deux documents

Choisissez Comparer et placez un document JSON dans chaque volet. L’outil compare les lignes écrites et résume les valeurs ajoutées, supprimées et modifiées. Les deux saisies doivent pouvoir être analysées.

Utilisez les boutons de modification précédente et suivante pour parcourir les différences surlignées. Mettre chaque volet en forme peut faciliter la lecture. Les tableaux sont comparés par position. Déplacer un élément peut donc apparaître comme plusieurs modifications.

Comparer possède ses propres champs de saisie et sa propre vue en plein écran. Importer, Coller, Exemple et Effacer agissent sur le volet dont vous utilisez les commandes.

Comparer deux documents

Trouver une valeur avec JSONPath

JSONPath est une adresse courte qui désigne une valeur dans le JSON. Choisissez JSONPath, saisissez une requête et appuyez sur Exécuter. La requête commence par $, qui désigne le document entier.

{"items":[{"name":"Tea","price":12},{"name":"Coffee","price":25}]}
RequêteRésultat pour cet exemple
$.items[0].nameTea. L’indice 0 désigne le premier élément.
$.items[*].nameLes noms des deux éléments.
$..priceToutes les valeurs nommées price sous la racine.
$.items[?(@.price > 20)].nameCoffee.
$.missingUn résultat vide : [].

L’implémentation locale prend en charge les clés, les indices, les jokers, la recherche récursive, les tranches croissantes, les unions d’indices et les filtres de comparaison simples. Elle ne prend pas en charge toutes les expressions des autres implémentations JSONPath. Une correspondance renvoie la valeur, plusieurs renvoient une liste, et aucune renvoie [].

Trouver une valeur avec JSONPath

Convertir en CSV, XML ou YAML

Choisissez Convertir, puis le format du résultat. Copier place le texte dans le presse-papiers. Télécharger utilise l’extension de fichier correspondante.

FormatChangement de structure
CSVPour une liste d’objets, les noms de colonnes viennent du premier objet. Les champs présents uniquement dans les objets suivants sont omis. Les objets et tableaux imbriqués restent du texte JSON dans les cellules.
XMLAjoute un élément racine, transforme les clés d’objets en noms d’éléments et répète les éléments pour les valeurs des tableaux. Les caractères non pris en charge dans les noms sont remplacés.
YAMLÉcrit les données JSON analysées au format YAML.

Un objet seul devient des colonnes clé et valeur en CSV. Ces conversions vont uniquement du JSON vers le format choisi. Elles ne chargent pas de CSV, de XML ou de YAML pour les reconvertir en JSON.

Télécharger utilise le format choisi dans la vue principale comme en plein écran.

Convertir en CSV, XML ou YAML

Changer la façon de nommer les clés

Transformer propose Original, camelCase, snake_case, kebab-case et UPPER_CASE. Il modifie les clés des objets, y compris les clés imbriquées, sans toucher aux valeurs textuelles ordinaires.

Deux clés différentes peuvent aboutir au même nom. Par exemple, first_name et first-name peuvent toutes deux devenir firstName. L’outil signale cette collision, mais le résultat ne peut conserver qu’une de ces valeurs. Examinez l’avertissement et la source avant d’enregistrer.

Changer la façon de nommer les clés

Vérifier un schéma ou générer des types

Valider vérifie que la saisie est un JSON valide. Ajoutez un JSON Schema dans le second volet pour contrôler les types de champs, les propriétés obligatoires et les valeurs autorisées. Les erreurs indiquent l’emplacement concerné dans les données.

Générer à partir du JSON remplit le volet de schéma avec une ébauche draft-07 déduite de l’exemple actuel. Vérifiez-la avant d’en faire une spécification. Un seul exemple ne peut pas décrire toutes les valeurs admises par votre application.

TypeScript génère des interfaces à partir de la saisie, en commençant par RootObject. Copiez le résultat ou téléchargez le fichier TS. Les types déduits décrivent l’exemple fourni. Il peut être nécessaire de les adapter aux champs facultatifs ou aux valeurs absentes de l’exemple.

Vérifier un schéma ou générer des types

Utiliser le clavier

ActionTouches
Insérer une tabulation dans la saisie JSON ou l’éditeur de comparaisonCes éditeurs insèrent une tabulation au lieu de déplacer le focus vers la commande suivante. Tab
Valider une modification dans l’arborescence principaleCliquez d’abord sur une clé ou une valeur. Enter
Annuler une modification dans l’arborescence Escape
Fermer la boîte de choix d’exemple ou une vue en plein écranUne boîte de choix d’exemple ouverte se ferme avant la vue située en dessous. Escape
Sélectionner tout le texte dans l’éditeur actif
MacCommand + A
Windows / LinuxCtrl + A
Coller dans l’éditeur actif
MacCommand + V
Windows / LinuxCtrl + V

Conserver et vérifier le résultat

Une saisie invalide efface le résultat ordinaire et affiche une erreur. Les chaînes et noms de propriétés JSON doivent être entourés de guillemets doubles. Aucune virgule ne doit suivre le dernier élément. Réparer peut aider à corriger la syntaxe, mais ne vérifie pas l’exactitude des données elles-mêmes.

Effacer demande confirmation avant d’effacer une saisie non vide. Votre JSON et son résultat ne sont pas restaurés après un rechargement. Copiez-les ou téléchargez-les d’abord. Le mode sélectionné et les statistiques d’utilisation peuvent rester enregistrés sur cet appareil.

Le traitement s’effectue dans votre navigateur. L’outil ne récupère pas de données depuis une URL d’API saisie comme texte. Pour travailler sur une réponse d’API, copiez son corps ou importez le fichier JSON enregistré.

Aperçu de l’image

Confirmer