TreeView JSON

Cómo funciona el explorador de árbol

Un visor de árbol convierte la estructura anidada de un JSON en nodos plegables: cada objeto o arreglo se puede colapsar para ocultar sus hijos, y cada valor primitivo (string, número, booleano, null) se muestra coloreado según su tipo, igual que en las DevTools del navegador:

{
  "user": {         → nodo plegable {2}
    "id": 42,        → número
    "roles": [...]   → nodo plegable [2]
  }
}

Esta herramienta usa JSON.parse nativo para validar y recorrer el árbol, y renderiza cada nodo como elementos del DOM — no hay librerías externas ni llamadas a un servidor.

Preguntas frecuentes

¿Cómo funciona la búsqueda por clave?

Filtra el árbol para mostrar solo las ramas cuya clave contiene el texto buscado (o que tienen un descendiente que lo contiene), expandiéndolas automáticamente y resaltando la coincidencia.

¿Qué tan grande puede ser el JSON que exploro?

Funciona bien con documentos de miles de nodos. Documentos extremadamente grandes (decenas de miles de claves) pueden volverse lentos porque todo el árbol se renderiza en el DOM.

¿Distingue tipos de datos visualmente?

Sí: strings, números, booleanos y null tienen colores distintos, y los objetos/arreglos muestran cuántos elementos contienen entre llaves o corchetes.

¿Es seguro pegar datos sensibles aquí?

Sí. Todo el procesamiento y renderizado ocurre en tu navegador; ningún dato se envía a un servidor.