Qu’est-ce qu’un éditeur d’arbre JSON ?

JSON stocke les données sous forme d’objets, qui contiennent des valeurs nommées, et de tableaux, qui contiennent des listes ordonnées. Comme ils peuvent être imbriqués, un document volumineux est difficile à modifier dans un éditeur de texte classique : une seule virgule ou accolade manquante rend l’ensemble du fichier invalide. Un éditeur d’arbre affiche les mêmes données sous forme d’un ensemble de nœuds que vous pouvez ouvrir et fermer. Vous pouvez directement modifier une valeur, renommer une clé ou ajouter et supprimer un nœud, tandis que l’outil se charge des virgules, des guillemets et des crochets.

Description de l’outil

Cet outil vous permet de modifier du JSON sous forme d’arbre. Collez votre JSON pour l’afficher sous forme d’arbre composé d’objets, de tableaux et de valeurs. Utilisez le crayon à côté d’un nœud pour modifier sa clé ou sa valeur, le signe plus à côté d’un objet ou d’un tableau pour ajouter un enfant, et la corbeille pour supprimer un nœud. Chaque modification est immédiatement répercutée dans le texte JSON, afin que vous puissiez copier le résultat lorsque vous avez terminé. Vous pouvez également saisir du texte dans l’éditeur, et l’arbre se met à jour en conséquence. Tout se passe dans votre navigateur, et vos données ne sont envoyées nulle part.

Exemples

Commencez avec ce JSON :

{
  "nom": "application-exemple",
  "port": 8080,
  "étiquettes": ["json", "arbre"]
}
JSON

Remplacez port par 3000, ajoutez la chaîne éditeur à étiquettes, puis ajoutez une nouvelle clé privé définie sur true. Le texte devient :

{
  "nom": "application-exemple",
  "port": 3000,
  "étiquettes": ["json", "arbre", "éditeur"],
  "privé": true
}
JSON

Fonctionnalités

  • Modifier directement les clés, les chaînes, les nombres, les booléens et les valeurs null
  • Ajouter de nouvelles clés aux objets et de nouveaux éléments aux tableaux, et supprimer n’importe quel nœud sauf la racine
  • Modifier le type d’une valeur, par exemple d’une chaîne en nombre
  • Conserver l’ordre des clés et avertir lorsqu’une clé est déjà utilisée dans le même objet
  • Développer ou réduire l’arbre entier et voir combien de nœuds il contient

Fonctionnement

L’outil analyse votre texte comme du JSON et affiche le résultat sous forme d’arbre. Lorsque vous effectuez une modification, il crée une nouvelle copie des données avec cette modification, puis la réécrit sous forme de texte avec une indentation de 2 espaces. Renommer une clé conserve sa position parmi ses éléments frères. Les clés qui ressemblent à des nombres entiers, telles que "1" ou "2", sont toujours listées en premier dans l’ordre croissant, comme dans tout analyseur JSON JavaScript.

Une valeur possède l’un des six types suivants : chaîne, nombre, booléen, null, objet ou tableau. Les nouveaux objets et tableaux sont vides au départ ; vous les remplissez à l’aide du bouton plus. Un objet ou un tableau qui possède déjà des enfants conserve son type. Vous ne pouvez donc pas perdre accidentellement son contenu, mais vous pouvez toujours renommer sa clé.

Conseils

  • Appuyez sur Entrée pour enregistrer une modification et sur Échap pour l’annuler. Dans une chaîne, appuyez sur Maj et Entrée pour ajouter un saut de ligne
  • Si le texte à gauche n’est pas un JSON valide, l’arbre reste vide et l’erreur est affichée jusqu’à ce que vous la corrigiez
  • L’arbre ne dispose d’aucune fonction d’annulation ; conservez donc une copie de votre JSON d’origine si vous avez des doutes concernant une modification
  • Les nombres supérieurs à 9007199254740991 perdent en précision, car les nombres JSON sont lus comme des nombres JavaScript
  • Pour consulter du JSON sans le modifier, utilisez la Visionneuse d’arbre JSON