Herramientas JSON y de datos: Formatea, valida, convierte y consulta JSON sin código

Editor de código mostrando una estructura de datos JSON

JSON es el lenguaje universal de las APIs, archivos de configuración, bases de datos e intercambio de datos. Los desarrolladores lo usan constantemente — y constantemente necesitan formatearlo, validarlo, transformarlo o extraer información de él. Aquí tienes una guía completa de las herramientas que cubren cada tarea habitual con JSON, todas ejecutándose directamente en tu navegador.

1. Formateador y validador de JSON

La tarea más común con JSON: pegas una respuesta de API minificada o en bruto y necesitas leerla.

Nuestro Formateador JSON hace tres cosas:

Formato legible: Toma {"name":"Alice","age":30,"scores":[98,87,91]} y lo formatea así:

{
  "name": "Alice",
  "age": 30,
  "scores": [98, 87, 91]
}

Validación: Detecta errores de sintaxis al instante indicando la línea y posición exactas. Errores comunes que detecta:

Comas finales (válidas en objetos JS, inválidas en JSON)
Comillas simples en lugar de comillas dobles
Claves sin comillas
Comas faltantes entre campos
Corchetes o llaves sin cerrar

Minificación: Comprime el JSON formateado en una sola línea para solicitudes de API o almacenamiento.

2. JSON a TypeScript: Generación automática de interfaces

Escribir interfaces TypeScript a mano a partir de una respuesta de API grande es tedioso y propenso a errores. Nuestro conversor JSON a TypeScript las genera automáticamente.

Entrada:

{
  "user": {
    "id": 1,
    "name": "Alice",
    "email": "alice@example.com",
    "roles": ["admin", "editor"],
    "metadata": {
      "createdAt": "2024-01-15T10:00:00Z",
      "active": true
    }
  }
}

Salida:

interface Metadata {
  createdAt: string;
  active: boolean;
}

interface User {
  id: number;
  name: string;
  email: string;
  roles: string[];
  metadata: Metadata;
}

interface Root {
  user: User;
}

El conversor maneja objetos anidados, arrays, campos opcionales (si faltan algunas claves en la entrada) y tipos unión. Pega una respuesta real de API y obtén TypeScript listo para producción en segundos.

3. JSON a esquema Zod: Validación en tiempo de ejecución

Las interfaces TypeScript solo existen en tiempo de compilación. Para la validación en tiempo de ejecución — validar respuestas de API, datos de formularios o archivos de configuración durante la ejecución — necesitas Zod. Nuestro conversor JSON a Zod genera un esquema Zod completo a partir de cualquier JSON.

A partir de la misma entrada anterior:

import { z } from "zod";

const MetadataSchema = z.object({
  createdAt: z.string().datetime(),
  active: z.boolean(),
});

const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
  email: z.string().email(),
  roles: z.array(z.string()),
  metadata: MetadataSchema,
});

const RootSchema = z.object({
  user: UserSchema,
});

Observa la inferencia de tipos inteligente — createdAt se reconoce como una cadena de fecha y hora ISO, y email se detecta como una dirección de correo electrónico. No son simples z.string() — son formatos validados.

4. Validador de JSON Schema: Valida datos contra un esquema

Si tienes un JSON Schema (Draft 4, 6, 7 o 2019-09) y necesitas validar datos contra él, nuestro Validador de JSON Schema ejecuta la validación en el navegador usando la librería ajv.

Casos de uso:

Validar cargas útiles de solicitudes/respuestas de API durante el desarrollo
Comprobar que los datos generados coinciden con tu esquema
Depurar errores de validación del esquema antes de desplegar
Verificar que los archivos de configuración cumplen la especificación

El validador muestra rutas de error detalladas — no solo "validación fallida", sino exactamente qué campo falló y por qué:

/user/email: must match format "email"
/user/age: must be >= 0
/user/roles/2: must be string

5. Visor de diferencias JSON: Observa exactamente qué cambió

Al depurar cambios en una API o comparar dos instantáneas de datos, nuestro Visor de diferencias JSON muestra exactamente qué se añadió, eliminó o modificó.

Izquierda (antes):        Derecha (después):
{                         {
  "status": "active",       "status": "inactive",   ← modificado
  "count": 42,              "count": 42,
  "tags": ["a", "b"],       "tags": ["a", "b", "c"] ← se añadió "c"
  "deprecated": true        
}                         }                         ← se eliminó "deprecated"

Las diferencias se muestran en una vista de árbol con código de colores:

🟢 Verde: añadido
🔴 Rojo: eliminado
🟡 Amarillo: modificado
⬜ Gris: sin cambios

Casos de uso comunes:

Comparar dos respuestas de API antes y después de un cambio de código
Ver qué cambió en un archivo de configuración grande
Depurar por qué una respuesta en caché difiere de una nueva
Verificar que una migración de datos produjo el resultado esperado

6. JSONPath Finder: Haz clic para obtener la ruta

JSONPath es el lenguaje de consulta para JSON — equivalente a XPath para XML. Cuando necesitas el JSONPath de un valor anidado específico, nuestro Buscador de rutas JSON te permite hacer clic en cualquier valor del árbol y muestra la ruta al instante.

{
  "store": {
    "books": [
      { "title": "Clean Code", "price": 29.99 },
      { "title": "The Pragmatic Programmer", "price": 39.99 }
    ]
  }
}

Haz clic en 29.99 → Ruta: $.store.books[0].price Haz clic en "The Pragmatic Programmer" → Ruta: $.store.books[1].title

Las rutas se muestran tanto en notación de punto ($.store.books[0].price) como en notación de corchetes ($['store']['books'][0]['price']), facilitando su uso en JavaScript, Python o cualquier librería JSONPath.

7. JSON a CSV / CSV a JSON: Conversión entre formatos

Las APIs devuelven JSON; las hojas de cálculo esperan CSV. Nuestro Conversor CSV ↔ JSON maneja ambas direcciones.

Array JSON → CSV:

[
  { "name": "Alice", "age": 30, "city": "NYC" },
  { "name": "Bob", "age": 25, "city": "LA" }
]

Se convierte en:

name,age,city
Alice,30,NYC
Bob,25,LA

CSV → JSON: La operación inversa — toma un CSV con encabezados y produce un array de objetos. Maneja campos entre comillas, comas dentro de valores y diferentes finales de línea.

Para mayor control sobre los datos CSV, usa nuestra herramienta SQL sobre CSV para ejecutar consultas SELECT directamente sobre archivos CSV cargados — filtrando, ordenando y combinando sin escribir una línea de Python.

8. JSON a SQL: Genera sentencias INSERT

Al poblar una base de datos con datos JSON, nuestro Conversor JSON a SQL genera sentencias INSERT para cualquier dialecto SQL.

Entrada:

[
  { "id": 1, "name": "Alice", "email": "alice@example.com" },
  { "id": 2, "name": "Bob", "email": "bob@example.com" }
]

Salida (PostgreSQL):

INSERT INTO users (id, name, email) VALUES
(1, 'Alice', 'alice@example.com'),
(2, 'Bob', 'bob@example.com');

Compatible con los dialectos MySQL, PostgreSQL, SQLite y SQL Server — gestionando correctamente los estilos de entrecomillado, valores NULL y la representación de booleanos para cada uno.

9. Visor de tablas JSON: Vista de hoja de cálculo para arrays JSON

A veces no necesitas escribir una consulta — simplemente quieres ver tu array JSON como una tabla. Nuestro Visor de tablas JSON renderiza cualquier array de objetos JSON como una tabla ordenable y con búsqueda.

Haz clic en el encabezado de una columna para ordenar. Escribe en el cuadro de búsqueda para filtrar filas. Funciona con arrays de cualquier tamaño, aplana objetos anidados y resalta los términos buscados.

Referencia rápida

Tarea	Herramienta
Formatear/validar JSON	Formateador JSON
Generar interfaces TypeScript	JSON a TypeScript
Generar esquema de validación Zod	JSON a Zod
Validar contra JSON Schema	Validador de JSON Schema
Comparar dos objetos JSON	Visor de diferencias JSON
Encontrar el JSONPath de un valor	Buscador de rutas JSON
Convertir JSON ↔ CSV	Conversor CSV ↔ JSON
Generar sentencias SQL INSERT	JSON a SQL
Ver JSON como tabla	Visor de tablas JSON

El hilo conductor: todas estas herramientas se ejecutan íntegramente en tu navegador. Las cargas útiles JSON de gran tamaño nunca abandonan tu equipo, lo que las hace seguras para usar con datos de producción, claves de API incluidas en las respuestas y cualquier carga sensible que no querrías que procesara un servidor de terceros.