JSON a TypeScript
Genera interfaces de TypeScript listas para usar a partir de cualquier JSON. Los objetos y arrays anidados se tipan automáticamente, todo en tu navegador.
Resultado TypeScript
¿Qué hace JSON a TypeScript?
JSON a TypeScript lee una muestra de tus datos y escribe las interfaces equivalentes: las claves de objeto se vuelven propiedades, los arrays se vuelven arrays de elementos y los objetos anidados se convierten en interfaces propias. El resultado es un esquema inicial que puedes ajustar a mano.
Los tipos se infieren de la muestra, así que un campo que solo aparece como número será number. Cuando una misma clave llega con formas distintas, el generador la amplía a una unión para que el código siga compilando.
Cómo generar TypeScript desde JSON
- Pega un objeto o un array JSON en el cuadro de entrada.
- Opcionalmente renombra la interfaz raíz; por defecto es RootObject.
- Pulsa Generar TypeScript.
- Copia las interfaces o descárgalas como archivo .ts.
Ejemplos de JSON a TypeScript
Objeto con un array anidado
{"id": 1, "name": "Ada", "tags": ["math", "logic"]}interface RootObject {
id: number;
name: string;
tags: string[];
}Array de objetos
[{"id": 1, "active": true}, {"id": 2, "active": false}]interface RootObject {
id: number;
active: boolean;
}JSON a TypeScript: UrsaKit frente a otras opciones
| Criterio | UrsaKit | Hacerlo por tu cuenta | Herramienta típica |
|---|---|---|---|
| Preparación | Abrir la página | Escribir un generador o usar tsc | Anuncios y subidas |
| Inferencia de la muestra | Automática | Manual | Según el sitio |
| Funciona sin conexión | Sí, en el navegador | Sí | A menudo no |
| Salida | Copiar o descargar .ts | Lo que programes | Normalmente solo copiar |
Preguntas frecuentes
¿Se sube mi JSON?
No. Las interfaces se generan con JavaScript en tu navegador, así que la muestra no sale de tu dispositivo.
¿Puedo elegir el nombre de la interfaz raíz?
Sí. Escribe un nombre en Nombre del tipo raíz; por defecto es RootObject.
¿Se detectan los campos opcionales?
Se tipa cada campo que aparece en la muestra. Las claves que faltan en algunos registros no se marcan como opcionales automáticamente, así que añade ? a mano donde tus datos varíen.
¿Qué pasa con los tipos mezclados?
Una clave que aparece como string y como number se amplía a una unión para que las interfaces generadas sigan compilando.
¿Admite arrays de objetos?
Sí. Cada objeto del array se fusiona en una sola interfaz que describe los elementos.
¿Los objetos anidados reciben su propia interfaz?
Sí. Los objetos anidados se convierten en interfaces con nombre propio y la interfaz padre las referencia.