Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Saltar al contenido principal
Gizke.com
Blog

JSON a TypeScript

Funciona en tu dispositivo. No se envía nada.
Declarar como

TypeScript

Pega JSON para ver sus tipos de TypeScript.

Pega JSON y obtén interfaces o types de TypeScript: objetos anidados con nombre, arrays combinados, claves opcionales y uniones deducidas.

Pega la respuesta de una API, un archivo de configuración o cualquier ejemplo JSON y obtén declaraciones TypeScript listas para tu código. Cada objeto anidado se convierte en su propia interfaz con nombre, los arrays de objetos se combinan (las claves que faltan en algunos elementos pasan a opcionales y los valores de distinto tipo a uniones) y los objetos con la misma forma comparten una declaración. Elige interface o type, export, readonly y cómo escribir las claves opcionales, y copia el código o descarga un .ts.

Preguntas frecuentes

¿Cómo se nombran los tipos anidados?
Según la clave bajo la que aparecen, en PascalCase: un objeto address pasa a Address y los elementos de un array users a User. Si dos formas distintas recibieran el mismo nombre, la segunda lleva un número (Item2).
¿Por qué un campo es opcional o una unión?
En los arrays se compara cada elemento. Una clave que falta en algunos se marca opcional, y una que tiene número en uno y texto en otro pasa a string | number. Usa una muestra representativa.
¿Y las fechas, los enums y los arrays vacíos?
JSON no tiene tipo fecha, así que las fechas quedan como string, igual que los conjuntos de valores fijos: acótalos a mano. Un array vacío queda como unknown[] porque no hay nada que deducir.
¿Se sube mi JSON?
No. El análisis y la generación ocurren en tu navegador; los datos de API y tokens de tu ejemplo se quedan en tu dispositivo.

Comparte esta herramienta

BlogAcerca deContactoTérminos de usoPolítica de privacidad