Una respuesta de API o un archivo de configuracion con mas de algunos niveles de profundidad es dificil de leer como texto plano. Contar llaves para encontrar donde termina un arreglo, o desplazarse por mil lineas para encontrar una clave, no es como nadie quiere pasar su tiempo.
Usar el visor de JSON
Pega un documento y el arbol se dibuja solo tan pronto como dejas de escribir. Cada objeto y arreglo es un disclosure que puedes abrir y cerrar, y Expandir todo o Contraer todo hace eso para todo el documento a la vez. Hacer clic en un valor hoja lo selecciona, resalta el texto fuente exacto del que vino en el panel del editor, y muestra su camino encima del arbol, listo para copiar con un solo boton.
Pegar
{"data":{"items":[{"name":"first"},{"name":"second"}]},"id":12345678901234567890}y hacer clic en el name del segundo item muestra $.data.items[1].name
como el camino. Esa es una expresion JSONPath real que puedes pegar directamente
en el probador de JSONPath si necesitas buscar
cada coincidencia de esa forma.
Por que los documentos grandes no congelan la pestana
Un arbol que renderiza cada fila de antemano es lo que hace que otros visores se cuelguen en un documento grande: disponer diez mil nodos del DOM lleva tiempo real sin importar lo rapido que fue el parseo. Este visor solo dibuja una rama una vez que la abres, por lo que un contenedor cerrado no cuesta nada. Expandir todo aun tiene que dibujar todo, por lo que pasa de 3000 valores se niega y te dice el conteo en lugar de bloquear la pestana, y aun puedes abrir ramas individualmente despues de ese punto.
Lo que realmente estas viendo
El arbol esta construido a partir del mismo flujo de tokens que el formateador
reimprime, no de un valor parseado por JSON.parse. Un entero de veinte
digitos conserva cada digito en el arbol, y una clave de objeto que parece
un numero permanece en la posicion donde lo escribiste, exactamente como
cada otra herramienta en este sitio. El arbol muestra tu documento, no una
interpretacion de JavaScript del mismo.
Una forma rapida de responder “donde esta este valor”
Si alguna vez buscaste un valor en un archivo JSON solo para encontrar tres coincidencias y no poder decir cual esta dentro de cual objeto, esta es la forma mas rapida: abre el arbol, haz clic en el valor, y lee el camino. Tambien funciona al revés. Seleccionar un valor en el arbol se desplaza y resalta su texto fuente exacto en el editor, que es la forma mas rapida de encontrar un campo especifico en un documento que no escribiste tu mismo.