Pourquoi une vue en arbre facilite la compréhension du JSON
Le JSON brut — même mis en forme — peut être difficile à naviguer lorsqu'il contient des dizaines de clés ou plusieurs niveaux d'imbrication. Une vue en arbre résout cela en rendant chaque objet et tableau comme un nœud pliable. Vous commencez avec seulement les clés de premier niveau visibles et n'expandez que les branches qui vous intéressent.
Le format arbre rend immédiatement évidente la hiérarchie d'un document JSON. Vous pouvez voir d'un coup d'œil la profondeur de l'imbrication, si une valeur est primitive ou un conteneur, et combien d'enfants chaque conteneur possède. Cette représentation spatiale est beaucoup plus rapide à parcourir que la lecture du texte brut.
Les vues en arbre sont également inestimables pendant le développement : lorsque vous recevez une réponse JSON d'une API tierce, une vue en arbre vous permet de cartographier rapidement la forme des données avant d'écrire du code pour les consommer.
Fonctionnalités de navigation et de recherche
Développer et réduire les nœuds : Cliquez sur n'importe quel nœud objet ou tableau pour le basculer ouvert ou fermé. Un double-clic développe récursivement tous les enfants. Un bouton "tout réduire" réinitialise la vue au niveau racine uniquement.
Copie de chemin : Cliquer sur une valeur met en évidence son chemin complet en notation pointée (par exemple user.address.street) et le copie dans le presse-papiers. C'est particulièrement utile lors de l'écriture de code.
Recherche : La barre de recherche filtre les nœuds visibles en temps réel, mettant en évidence toutes les clés et valeurs correspondant au terme de recherche. Les nœuds correspondants sont gardés visibles et leurs ancêtres sont automatiquement développés.
Travailler avec des JSON grands et complexes
Pour les très grands documents JSON (des milliers de nœuds), la vue en arbre effectue un rendu paresseux — elle n'affiche que les nœuds dans le viewport visible et en affiche davantage au fur et à mesure du défilement. Cela maintient l'interface réactive même pour des fichiers JSON de plusieurs mégaoctets.
Les longues valeurs de chaîne sont tronquées dans l'arbre pour garder chaque ligne lisible ; cliquer sur la valeur tronquée l'expande en ligne. Les tableaux avec plus qu'un seuil configurable d'éléments montrent un bouton "charger plus".
Les références circulaires — qui ne sont pas du JSON valide mais peuvent apparaître lors du collage de représentations d'objets JavaScript — sont détectées et marquées d'un symbole ⚠ plutôt que de provoquer une récursion infinie.