pulsa ⌘K para cambiar de herramienta
FORMAT & CONVERT

Generador JSON → Interfaz TypeScript

Genera definiciones de interfaz TypeScript desde JSON.

local
json-code
§01 ACERCA DE ESTA HERRAMIENTA

Descripción general

Pega una carga útil JSON y obtén las declaraciones interface de TypeScript correspondientes: viene bien para envolver una API sin documentar, tipar un archivo de configuración o arrancar unos DTO desde una respuesta de ejemplo. Los primitivos se traducen a string, number y boolean; los objetos anidados se extraen a interfaces separadas; los nombres de propiedad que no son identificadores válidos se entrecomillan automáticamente.

Cómo se usa

  1. Indica el nombre de la interfaz de nivel superior en Root type name (Root por defecto).
  2. Pega tu muestra en el área JSON.
  3. Copia las declaraciones generadas desde la salida TypeScript, que se actualiza a medida que escribes.

Ejemplos

  • {"id":1,"name":"Alice","meta":{"active":true}}

    interface Root {
      id: number;
      name: string;
      meta: Meta;
    }
    

    más una interfaz aparte interface Meta { active: boolean; }.

Notas

Los tipos se infieren de una sola muestra: los valores null se tipan como null, los campos opcionales no se pueden detectar y nunca aparecen uniones. Toma la salida como punto de partida y ajusta la nulabilidad y la opcionalidad frente al contrato real de la API.

FAQ
¿Se envía mi JSON a un servidor?
No. El análisis y la generación de tipos se ejecutan por completo en tu navegador. Nada se sube, así que pegar respuestas de API con datos reales es seguro.
¿Cómo se tratan los objetos anidados?
Cada objeto anidado pasa a ser su propia interfaz con nombre, derivado de la clave de la propiedad (una propiedad meta produce una interfaz Meta), y el padre la referencia por ese nombre.
¿Cómo se tipan los arreglos?
El tipo de los elementos se infiere del primer elemento del arreglo. Un arreglo vacío se tipa como unknown[], así que ajústalo a mano si conoces el tipo real.