Comment afficher du JSON en arborescence
- Collez du JSON, déposez un fichier ou chargez-le depuis une URL. L'arborescence s'affiche à côté du texte.
- Cliquez sur une ligne pour la déplier ou la replier, ou utilisez Tout déplier et Tout replier. Au clavier, ↑ et ↓ permettent de se déplacer, ← et → de fermer et d'ouvrir les nœuds.
- Saisissez du texte dans le champ de recherche pour n'afficher que les clés et les valeurs correspondantes. Sélectionnez un nœud pour copier son JSONPath, son chemin JavaScript ou sa valeur.
Lire l'arborescence JSON
- Les objets indiquent leur nombre de clés, par exemple
{5}, et les tableaux leur nombre d'éléments, par exemple[12]. - Des couleurs et de petits badges indiquent le type de chaque valeur : chaîne, nombre, booléen, null, objet ou tableau.
- Les longs tableaux s'affichent par tranches de 200 éléments, si bien que les fichiers contenant des centaines de milliers de valeurs restent réactifs.
- Les nombres s'affichent exactement tels qu'ils sont écrits : les longs identifiants ne sont pas arrondis et les clés conservent leur ordre d'origine.
Qu'est-ce que JSONPath ?
JSONPath décrit l'emplacement d'une valeur dans un document JSON, un peu comme un chemin de fichier. Il a été normalisé en 2024 sous la référence RFC 9535. $ désigne la racine, .name sélectionne une propriété, [0] un élément de tableau et ['first name'] une propriété dont le nom contient des espaces ou des caractères spéciaux.
| Chemin | Sélectionne |
|---|---|
$.store | la propriété store de l'objet racine |
$.products[0] | le premier élément du tableau products |
$.products[0].price | le prix de ce premier produit |
$.address.geo.lat | une valeur imbriquée sur trois niveaux |
$['shipping address'].city | une clé dont le nom contient un espace |
En JavaScript, la même valeur s'écrit data.products[0].price : utilisez Copier le chemin JS pour obtenir cette forme.
Questions fréquentes
Peut-on ouvrir de gros fichiers JSON ?
Oui. Seules les parties dépliées de l'arborescence sont affichées et les longs tableaux apparaissent par tranches de 200 éléments : des fichiers de plusieurs dizaines de mégaoctets s'ouvrent ainsi dans un navigateur de bureau.
Comment copier le chemin d'une valeur ?
Cliquez sur le nœud, puis utilisez Copier le chemin pour le JSONPath ($.users[0].email) ou Copier le chemin JS pour JavaScript (data.users[0].email).
Peut-on modifier le JSON dans le visualiseur ?
Le visualiseur est en lecture seule : rien ne peut être modifié par erreur. Pour changer des valeurs, renommer des clés ou ajouter des éléments, ouvrez l'éditeur JSON.
Que se passe-t-il si mon JSON n'est pas valide ?
L'encadré d'erreur indique la ligne, la colonne et la cause du problème, et l'arborescence continue d'afficher la dernière version valide jusqu'à ce que l'erreur soit corrigée.