¿Gestiona objetos anidados?

Sí. Cada objeto anidado se convierte en su propia interface con nombre, y el padre la referencia por nombre.

¿Cómo se tipan los arrays?

Los arrays de objetos se fusionan en una sola interface; las claves ausentes en algunos elementos se vuelven opcionales. Los arrays de tipos primitivos mixtos se convierten en una unión, como (string | number)[].

¿Cómo se gestionan los valores null?

Por defecto un null se convierte en un tipo anulable. Puedes cambiar esto para tratarlo como una propiedad opcional.

¿Debo usar interface o type?

Ambos funcionan; elige el que se ajuste a tu base de código. Las interfaces son habituales para formas de objeto, mientras que los alias de tipo son más flexibles para uniones.

¿Se sube mi JSON a algún servidor?

No. El generador funciona completamente en tu navegador. Nada se envía a un servidor y no hay registro.

JSON a TypeScript

Entrada JSON

Salida TypeScript

export interface Root {
  id: number;
  name: string;
  active: boolean;
  tags: string[];
  profile: Profile;
}

export interface Profile {
  age: number;
  city: string;
}

Nombre raíz

Generar como

Tratar null como opcional

Herramientas externas relacionadas

Algunos enlaces son enlaces de afiliados.

JetBrainsUna empresa de herramientas para desarrolladores detrás de populares IDEs como IntelliJ IDEA, WebStorm, PyCharm y Rider. Conocida por la inteligencia de código profunda, soporte de refactorización y herramientas de depuración integradas. Ofrece una suscripción All Products Pack.AmazonEl mayor mercado en línea del mundo para compras, electrónica, libros, software y más. El envío rápido, las devoluciones sencillas y el vasto catálogo de productos lo convierten en el favorito para las compras diarias. La membresía Prime añade streaming, envío gratuito y ofertas exclusivas.

Herramientas relacionadas

Formateador JSONFormatea, comprime y valida JSON online de forma gratuita. ¿JSON roto? Muestra la línea y columna exacta del error con resaltado. Nada se sube.Base64 Codificar / DecodificarCodifica texto a Base64 o decodifica Base64 al instante — tildes y emojis sin errores (UTF-8), Base64 seguro para URL, imagen a data URL. Todo en el navegador.Probador de RegexPrueba expresiones regulares con resaltado de coincidencias en vivo, grupos de captura, flags y vista previa de reemplazo. Todo en tu navegador, sin subir nada.Generador de ContraseñasGenera contraseñas fuertes aleatorias o frases de contraseña fáciles de recordar con aleatoriedad criptográfica. Excluye caracteres ambiguos, garantiza al menos uno de cada tipo. Nada se sube.

Convierte JSON en tipos TypeScript en un solo paso. Pega una respuesta de API o cualquier objeto JSON y obtén al instante interfaces o alias de tipo limpios, con objetos anidados, arrays y campos opcionales ya gestionados. Todo funciona en tu navegador: nada se sube.

Cómo usar

Pega tu JSON en el cuadro de entrada.
Define el nombre del tipo raíz y elige interface o type, además de cómo se tratan los nulos.
Copia el TypeScript generado en tu proyecto.

Cómo se infieren los tipos

Cada objeto se convierte en su propia interface, y los objetos anidados obtienen interfaces con nombre propias. Los arrays de objetos se fusionan en una única forma donde las claves ausentes en algunos elementos se vuelven opcionales. Los valores null se convierten en un tipo anulable, o en un campo opcional si lo prefieres.

Funcionalidades

Objetos anidados

El JSON profundamente anidado se divide en interfaces claras e independientes que se referencian entre sí.

Formas de array fusionadas

Los arrays de objetos se combinan en un tipo, con campos opcionales donde los elementos difieren.

Campos opcionales y anulables

Elige si los valores null se convierten en un tipo anulable o en una propiedad opcional.

interface o type

Genera interfaces con nombre o alias de tipo para adaptarse al estilo de tu base de código.

Nombre raíz personalizado

Ponle al tipo de nivel superior el nombre que quieras, como User o ApiResponse.

Casos de uso frecuentes

Tipado de respuestas de API

Pega una respuesta de ejemplo y obtén tipos para usar en toda tu aplicación.

Desde mocks y fixtures

Genera tipos a partir de datos de ejemplo para que tu código siga siendo type-safe.

Archivos de configuración y datos

Crea tipos para archivos JSON de configuración o contenido en segundos.

Aprender TypeScript

Observa cómo un JSON real se mapea en interfaces y uniones TypeScript.

Notas y consejos

Los tipos se infieren del ejemplo que pegas, así que incluye todos los campos que necesites.
Un array vacío se convierte en unknown[], ya que no hay elementos de los que inferir.
Revisa la salida en busca de uniones y opcionales antes de usarla en producción.
Todo funciona en tu dispositivo: nada se envía a un servidor.

Preguntas frecuentes

¿Gestiona objetos anidados?: Sí. Cada objeto anidado se convierte en su propia interface con nombre, y el padre la referencia por nombre.
¿Cómo se tipan los arrays?: Los arrays de objetos se fusionan en una sola interface; las claves ausentes en algunos elementos se vuelven opcionales. Los arrays de tipos primitivos mixtos se convierten en una unión, como (string | number)[].
¿Cómo se gestionan los valores null?: Por defecto un null se convierte en un tipo anulable. Puedes cambiar esto para tratarlo como una propiedad opcional.
¿Debo usar interface o type?: Ambos funcionan; elige el que se ajuste a tu base de código. Las interfaces son habituales para formas de objeto, mientras que los alias de tipo son más flexibles para uniones.
¿Se sube mi JSON a algún servidor?: No. El generador funciona completamente en tu navegador. Nada se envía a un servidor y no hay registro.