Generador de JSON a TypeScript
Pega un JSON de ejemplo o una respuesta de API y genera TypeScript legible sin subir datos.
0 Byte
El TypeScript aparece aquí. Todo se ejecuta en tu navegador.
Respuestas de API anidadas
Los objetos y las matrices se infieren recursivamente, incluidas las matrices de objetos anidados y los elementos de respuesta repetidos.
Tipos ambiguos conservadores
Las matrices primitivas mixtas se convierten en uniones, las matrices vacías se convierten en unknown[] y los valores solo nulos permanecen null.
Nombres de propiedad seguros
Los identificadores de TypeScript no válidos se emiten como claves entre comillas, por lo que los campos de API con espacios o guiones aún compilan.
Herramientas de desarrollo relacionadas
Generador de JSON a TypeScript
Interfaces de Tipo de Inferro o alias de tipo de valores JSON de muestra.
- Entrada
- Ejemplo válido JSON más opciones de nombre de raíz y estilo de salida.
- Salida
- Declaraciones de tipo TypeScript copiables.
- Las limitaciones reales
- La referencia describe la muestra, no cada carga futura; nulos, arágenes vacíos, campos opcionales, asociaciones, fechas y identificadores necesitan una revisión de desarrollador.
- Privacidad y tratamiento de datos
- La muestra válida JSON y las opciones de nombre de raíz y estilo de salida se procesan en esta tabla del navegador. Converter no la recibe ni la almacena; cerrar o recargar la página limpiará el estado de trabajo a menos que la herramienta ofrece explícitamente una descarga local.
Cómo utilizar esta herramienta
- Proporcione la muestra JSON válida y las opciones de nombre de raíz y estilo de salida en los controles de herramientas.
- Seleccione las configuraciones que afectan a las declaraciones de tipo de TypeScript copiables, y luego ejecuta la herramienta.
- Revisa las declaraciones de tipo copiables de TypeScript antes de copiar o descargarlas.
Modos comunes de fracaso
JSON invalida, una muestra no representativa o las claves que requieren propiedades citadas pueden producir tipos que necesitan ajuste.
Un ejemplo útil
Pase un objeto de usuario con ID, nombre y roles para generar una interfaz de usuario que contiene una línea de rango.