Generador JSON a TypeScript

Convierte una muestra JSON en interfaces TypeScript con objetos anidados, arreglos, campos opcionales y tipos inferidos localmente.

input.json
types.ts
Haz clic en Convertir para generar interfaces TypeScript.

Relacionado

Guías para TS Types

Todas las guías →
Guía

Repair LLM JSON Output: Handling Almost-JSON from AI

LLMs frequently return JSON wrapped in ```json fences, with single quotes, Python literals, or unquoted keys. Repair the syntax, validate strictly, then derive TypeScript types from the cleaned output.

Guía

Reparar JSON generado por LLM

Las respuestas de IA a menudo parecen JSON pero incluyen markdown fences, comentarios, literales tipo Python o sintaxis de objeto JavaScript.

Guía

JSON frente a literal de objeto JavaScript

JSON parece un literal de objeto JavaScript, pero es un formato de datos más pequeño, con sintaxis más estricta y sin valores ejecutables.

Cómo funciona la conversión de JSON a TypeScript

Cada objeto JSON genera un interface de TypeScript. El objeto raíz se llama Root por defecto. Los objetos anidados obtienen sus propias interfaces con nombres tomados de la clave correspondiente —— una clave llamada address produce una interfaz Address.

Arrays y campos opcionales

Los arrays de objetos fusionan las claves que aparecen en cualquiera de los elementos. Si a algunos elementos les falta una clave, se vuelve opcional (key?: Type). Los arrays de primitivos reciben firmas tipadas como string[] o number[].

Cuándo usarlo

  • Integración con APIs —— pega la respuesta y obtén al instante definiciones de tipos listas para tu proyecto TypeScript
  • Prototipado —— monta rápidamente el esqueleto de interfaces para una API o un conjunto de datos nuevo antes de escribir la lógica de parseo
  • Revisión de código —— verifica que la forma de la carga JSON coincide con las interfaces que tu código espera