JSON a TypeScript

Genera interfaces o alias de tipo TypeScript a partir de una muestra JSON.

Datos y formatos
Preparando tu espacio de trabajo…
Entrada
Salida
Tu resultado aparecerá aquí.

Cómo usarlo

  1. Pega texto, abre un archivo UTF-8 o prueba el ejemplo.
  2. Elige entrada y opciones; ejecuta la herramienta o activa la ejecución automática.
  3. Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

JSON a TypeScript

Genera interfaces o alias de tipo TypeScript a partir de una muestra JSON.

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

Cómo funciona

Los objetos anidados generan tipos con nombre. Los registros de un array se combinan; las propiedades ausentes son opcionales y los valores mixtos forman uniones. Los arrays vacíos usan unknown[].

Antes y después
Entrada
{"project":"DevToolsy","members":[{"name":"Ada","role":"developer"},{"name":"Lin","active":true}],"tags":["web","tools"]}
Salida
export interface Root {
  project: string;
  members: RootMembersItem[];
  tags: string[];
}

export interface RootMembersItem {
  name: string;
  role?: string;
  active?: boolean;
}

Genera interfaces o alias de tipo TypeScript a partir de una muestra JSON.

Opciones y fidelidad de datos

Elige nombre raíz, interface o type, readonly y propiedades opcionales. Las cadenas se infieren como string, no como tipos literales.

Trabajar con el resultado

Una muestra no describe todos los casos. Revisa valores null, campos ausentes y precisión numérica; añade validación en ejecución por separado.

Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

Límites de procesamiento

Entrada UTF-8 de hasta 1 MiB por documento, salida de hasta 8 MiB. JSONPath y Schema: 5 segundos; otras herramientas: 30 segundos.

Más informaciónTypeScript Handbook
?

Preguntas frecuentes

¿Cómo se infieren objetos y arrays?

Los objetos anidados generan tipos con nombre. Los registros de un array se combinan; las propiedades ausentes son opcionales y los valores mixtos forman uniones. Los arrays vacíos usan unknown[].

¿Qué opciones TypeScript puedo cambiar?

Elige nombre raíz, interface o type, readonly y propiedades opcionales. Las cadenas se infieren como string, no como tipos literales.

¿Valida futuras respuestas API?

No. Una muestra no describe todos los casos. Revisa valores null, campos ausentes y precisión numérica; añade validación en ejecución por separado.

¿Se suben mis datos?

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

¿Puedo abrir un archivo local?

Entrada UTF-8 de hasta 1 MiB · salida de hasta 8 MiB

Encuentra tu próxima herramienta

Idioma

¿Cambiar de idioma? Se borrará el contenido actual. Primero copia o descarga tu trabajo.