Herramienta de Tool Kumar
JSON a TypeScript
Convierte una respuesta JSON representativa en declaraciones de TypeScript. El conversor recorre los objetos y arrays anidados para que los tipos generados coincidan con la estructura del ejemplo.
Cómo usar esta herramienta
- Pega una respuesta JSON representativa.
- Elige TypeScript en la vista Convertir.
- Define el nombre raíz y copia o descarga las declaraciones.
Ejemplo práctico
Tool Kumar genera la salida que aparece abajo a partir del JSON de ejemplo.
Entrada
{"name":"Ada","age":36,"active":true,"tags":["json","tools"],"profile":{"city":"London"}}Salida
export interface Root {
name: string;
age: number;
active: boolean;
tags: string[];
profile: Profile;
}
export interface Profile {
city: string;
}
Opciones y casos especiales
- Elige la sintaxis interface o type en la opción Declarar como.
- Cambia el nombre del tipo raíz para que coincida con el recurso de tu API.
- La inferencia de tipos opcionales y de unión se basa en los valores presentes en el ejemplo.
Privado por defecto
Tu documento permanece en este navegador. Tool Kumar analiza, convierte y crea las descargas en tu dispositivo, sin cuenta ni pasos para subir archivos.
Preguntas sobre JSON a TypeScript
- ¿El conversor de JSON a TypeScript admite objetos anidados?
- Sí. Los objetos anidados se convierten en declaraciones con nombre y los arrays usan el tipo inferido para sus elementos.
- ¿Puedo elegir entre interface y type?
- Sí. La opción Declarar como cambia la forma de la declaración generada.
- ¿Se sube el JSON?
- No. La conversión usa el analizador y el conversor locales de tu navegador.