English Čeština Deutsch Magyar Français Español Português (Brasil)

Formateador JSON

Lectura de 7 min

En esta página

JSON almacena valores con nombre y listas. Pégalo en la entrada y elige qué quieres hacer. Formatear añade espacios para facilitar la lectura. Los demás modos permiten examinar, modificar o convertir los datos. El resultado se mantiene separado de la entrada, salvo que apliques una reparación o edites un valor en Árbol.

Dar formato al JSON

  1. Elige Formatear.

  2. Pega el ejemplo siguiente en JSON de entrada.

  3. Lee el resultado formateado al lado o, en pantallas pequeñas, debajo de la entrada.

  4. Elige la sangría que prefieras y copia o descarga el resultado.

{"name":"Alex","items":["Tea","Coffee"],"active":true}

Formato automático está activado de forma predeterminada, por lo que el resultado se actualiza mientras escribes. Si lo desactivas, usa el botón principal después de editar. En el teléfono, abre Opciones de formato para ver los ajustes y Más para las acciones secundarias.

Importar acepta archivos de texto JSON, TXT o JS. Su contenido debe ser JSON para los modos normales. Ejemplo abre una selección de ejemplos. Importar y Ejemplo piden confirmación antes de sustituir el contenido existente. Pegar lo sustituye directamente.

Dar formato al JSON

Elegir el espaciado y los cambios en los datos

OpciónQué hace
SangríaElige dos espacios, cuatro espacios, una tabulación o Compacto en los modos que admiten sangría.
Ordenar clavesOrdena alfabéticamente las claves de los objetos, incluidos los anidados.
Conservar el ordenDeja la ordenación desactivada. No se puede usar a la vez que Ordenar claves.
Eliminar nullEn el resultado formateado, elimina propiedades y elementos de arrays con valor null, incluidos los anidados.
Escapar UnicodeEscribe los caracteres no ASCII como secuencias de escape en el JSON formateado.
Desplazamiento sincronizadoDesplaza los dos editores a la vez.

Algunos controles no están disponibles en todos los modos. Usa Formatear o Reparar para las transformaciones de formato anteriores. Minificar elimina los espacios de formato. Los modos de conversión aplican sus propias reglas.

Eliminar null cambia los datos, incluidas las posiciones en los arrays. La ordenación y el análisis también pueden cambiar el orden escrito de las claves. El análisis JSON conserva el último valor de las claves duplicadas y los números muy grandes pueden perder precisión. Si necesitas conservar exactamente un identificador largo, guárdalo como cadena entre comillas en la entrada.

Elegir el espaciado y los cambios en los datos

Reparar una sintaxis no válida

Los modos normales avisan de un JSON no válido sin corregirlo automáticamente. Cambia a Reparar o usa la acción Reparar junto al error para intentar corregirlo.

Reparar puede resolver problemas habituales como comillas simples, comas finales, comentarios y claves sin comillas. Revisa el resultado antes de usar Aplicar a la entrada. Que el resultado pueda analizarse no demuestra que la reparación haya conservado los datos que querías expresar.

Si la reparación falla, usa el mensaje de error para revisar la entrada. Corrige el valor original en lugar de adivinar qué datos faltaban.

Reparar una sintaxis no válida

Explorar y editar un árbol

Árbol muestra los objetos y listas anidados como filas desplegables. Usa sus flechas, o Desplegar todo y Contraer todo, para decidir cuánto contenido mostrar.

En el árbol principal, haz clic en un valor o en la clave de un objeto para editarlo. Enter o un clic fuera confirma el cambio. Escape lo cancela. No puedes cambiar una clave por el nombre de otra que ya exista en el mismo objeto.

Un valor editado como 42, true, false o null adquiere el tipo JSON correspondiente. Cualquier otro texto se convierte en una cadena. Comprueba el tipo resultante si editas un identificador que parece un número.

Los cambios en el árbol también actualizan el JSON de entrada. El árbol a pantalla completa es de solo lectura. Su acción Copiar copia el texto mostrado, así que usa el resultado JSON normal si necesitas un archivo JSON.

Explorar y editar un árbol

Comparar dos documentos

Elige Comparar y coloca un documento JSON en cada panel. La herramienta compara sus líneas y resume los valores añadidos, eliminados y modificados. Ambos documentos deben poder analizarse como JSON.

Usa los botones de cambio anterior y siguiente para recorrer las diferencias resaltadas. Dar formato a cada panel puede facilitar la lectura. Los arrays se comparan por posición, por lo que mover un elemento puede aparecer como varios cambios.

Comparar tiene sus dos entradas y su propia vista a pantalla completa. Importar, Pegar, Ejemplo y Borrar actúan sobre el panel cuyos controles utilices.

Comparar dos documentos

Encontrar un valor con JSONPath

JSONPath es una ruta breve que señala un valor dentro del JSON. Elige JSONPath, introduce una consulta y pulsa Ejecutar. La consulta empieza por $, que representa el documento completo.

{"items":[{"name":"Tea","price":12},{"name":"Coffee","price":25}]}
ConsultaResultado para este ejemplo
$.items[0].nameTea. El índice 0 corresponde al primer elemento.
$.items[*].nameLos nombres de ambos elementos.
$..priceTodos los valores llamados price bajo la raíz.
$.items[?(@.price > 20)].nameCoffee.
$.missingUn resultado vacío: [].

La implementación local admite claves, índices, comodines, búsqueda recursiva, intervalos ascendentes, uniones de índices y filtros de comparación simples. No admite todas las expresiones de otras implementaciones JSONPath. Una coincidencia devuelve el valor, varias devuelven una lista y ninguna devuelve [].

Encontrar un valor con JSONPath

Convertir a CSV, XML o YAML

Elige Convertir y selecciona el formato del resultado. Copiar guarda el texto en el portapapeles y Descargar utiliza la extensión de archivo correspondiente.

FormatoCómo cambia la estructura
CSVPara una lista de objetos, las columnas se toman del primer objeto. Los campos que solo aparecen en objetos posteriores se omiten. Los objetos y arrays anidados se conservan como texto JSON dentro de las celdas.
XMLAñade un elemento raíz, convierte las claves en nombres de elementos y repite elementos para los valores de los arrays. Los caracteres no permitidos en los nombres se sustituyen.
YAMLEscribe los datos JSON analizados en YAML.

Un objeto único se convierte en columnas de clave y valor en CSV. Estas conversiones solo van de JSON al formato elegido. No permiten cargar CSV, XML o YAML para convertirlos a JSON.

Descargar usa el formato elegido tanto en la vista principal como a pantalla completa.

Convertir a CSV, XML o YAML

Cambiar los nombres de las claves

Transformar ofrece Original, camelCase, snake_case, kebab-case y UPPER_CASE. Cambia las claves de los objetos, incluidas las anidadas, sin modificar los valores de texto normales.

Dos claves distintas pueden terminar con el mismo nombre. Por ejemplo, first_name y first-name pueden convertirse en firstName. La herramienta avisa de esta coincidencia, pero el resultado solo puede conservar uno de esos valores. Revisa la advertencia y la entrada antes de guardar.

Cambiar los nombres de las claves

Comprobar un esquema o generar tipos

Validar comprueba si la entrada es JSON válido. Añade un JSON Schema en el segundo panel para comprobar los tipos de los campos, las propiedades obligatorias y los valores permitidos. Los errores indican la ubicación afectada dentro de los datos.

Generar a partir del JSON rellena el panel de esquema con una propuesta draft-07 deducida del ejemplo actual. Revísala antes de usarla como especificación. Un solo ejemplo no puede describir todos los valores que tu aplicación admite.

TypeScript genera interfaces a partir de la entrada, empezando por RootObject. Copia el resultado o descarga el archivo TS. Los tipos deducidos describen el ejemplo y pueden necesitar ajustes para campos opcionales o valores ausentes.

Comprobar un esquema o generar tipos

Usar el teclado

AcciónTeclas
Insertar una tabulación en la entrada JSON o en el editor de comparaciónEstos editores insertan una tabulación en lugar de mover el foco al control siguiente. Tab
Confirmar un cambio en el árbol principalPrimero haz clic en una clave o un valor. Enter
Cancelar un cambio en el árbol Escape
Cerrar el diálogo de ejemplos o la vista a pantalla completaEl diálogo de ejemplos abierto se cierra antes que la vista que tiene debajo. Escape
Seleccionar todo el texto del editor activo
MacCommand + A
Windows / LinuxCtrl + A
Pegar en el editor activo
MacCommand + V
Windows / LinuxCtrl + V

Guardar y comprobar el resultado

Una entrada no válida borra el resultado normal y muestra un error. Las cadenas y los nombres de propiedades JSON necesitan comillas dobles. No puede haber una coma después del último elemento. Reparar ayuda con la sintaxis, pero no comprueba que los datos sean correctos.

Borrar pide confirmación antes de borrar una entrada con contenido. El JSON y el resultado no se restauran al recargar la página. Cópialos o descárgalos antes. El modo elegido y las estadísticas de uso pueden quedar guardados en este dispositivo.

El procesamiento se realiza en tu navegador. La herramienta no obtiene datos de una URL de API escrita como texto. Para trabajar con una respuesta de API, copia su cuerpo o importa el archivo JSON guardado.

Vista previa de la imagen

Confirmar