Generador de enumeraciones de TypeScript
Guía
Generador de enumeraciones de TypeScript
Genera enumeraciones de TypeScript, objetos constantes y tipos de unión a partir de una lista sencilla de valores. Pega tus valores, elige un estilo de nombrado y formato de salida, y obtén código listo para usar en TypeScript con comentarios JSDoc opcionales, guardias de tipo, mapeos inversos y arrays de valores.
Cómo Usar
Ingresa tus valores uno por línea o separados por coma en el área de entrada. Establece el nombre de tu enumeración, selecciona un estilo de nombres de clave (PascalCase, SCREAMING_SNAKE_CASE o camelCase), y elige un formato de salida. El código generado se actualiza en tiempo real. Activa opciones adicionales como comentarios JSDoc, palabra clave exportar, guardias de tipo o arrays de valores según sea necesario. Copia el resultado al portapapeles con un solo clic.
Características
- Formatos de salida múltiples — **Enumeración de cadena**, enumeración numérica, enumeración constante, objeto inmutable y tipo unión
- Estilos de Nombrado de Claves Mayúsculas en PascalCase, mayúsculas en UPPER_SNAKE_CASE y minúscula con generación inteligente de identificadores (camelCase)
- Comentarios JSDoc – Opcionalmente añadir comentarios de documentación arriba de cada miembro del enumerado
- Generación de guardias de tipo Crea una función de validación de tipo para verificar valores en tiempo real.
- Array de valores Generar un arreglo de todos los valores del enumerado para iteración
- Mapeo inverso Crea un asistente de búsqueda inversa para enumeraciones numéricas
- Generación de Clave Inteligente Trata caracteres especiales, duplicados, valores que comienzan con números y palabras reservadas
- Vista Previa en Tiempo Real – La salida se actualiza instantáneamente mientras escribe o cambia opciones
Preguntas frecuentes
-
¿Qué diferencia hay entre un *string enum* y un *numeric enum* en TypeScript?
Los enumerados de cadena asignan valores de cadena a cada miembro, como Color.Rojo equivale a la cadena ROJO. Los enumerados numéricos asignan números incrementales comenzando desde 0 por defecto, así que Color.Rojo equivale a 0 y Color.Azul equivale a 1. Los enumerados de cadena son mejores para depuración porque los valores son legibles en registros y solicitudes de red. Los enumerados numéricos son ligeramente más compactos y soportan mapeo inverso nativamente, lo que significa que puedes buscar el nombre desde el número. La mayoría de los proyectos modernos de TypeScript prefieren enumerados de cadena por claridad.
-
Cuándo es recomendable usar `const enum` en lugar de un tipo de enumeración estándar?
Los enums de solo lectura se inyectan completamente durante la compilación. El compilador TypeScript reemplaza cada referencia a un miembro del enum de solo lectura con su valor literal, por lo que no existe ningún objeto del enum en tiempo de ejecución. Esto produce tamaños más pequeños de paquete y mayor rendimiento. Sin embargo, los enums de solo lectura no pueden iterarse (no hay `Object.values`), no soportan mapeo inverso y pueden causar problemas con archivos de declaración en el código de bibliotecas. Usa enums de solo lectura para constantes internas de tu aplicación donde quieras un sobrecarga cero en tiempo de ejecución. Usa enums regulares cuando necesites iterar sobre los valores o al publicar una biblioteca.
-
¿Qué es un objeto `as const` y cómo se compara con una enumeración (`enum`)?
Un objeto como `as const` utiliza un objeto plano de JavaScript con una afirmación de `const` para lograr comportamiento similar a enumeraciones. Por ejemplo, `const Color = { Red: 'RED', Blue: 'BLUE' } as const` crea un objeto inmutable donde TypeScript infiere los tipos literales. Este enfoque funciona tanto en TypeScript como en JavaScript, soporta mejor el *tree-shaking* que las enumeraciones y evita algunos casos límite con la transpileración de enumeraciones. El intercambio es una extracción de tipos ligeramente más verbosa: necesitas `type Color = typeof Color[keyof typeof Color]` para obtener el tipo de unión. Muchas equipos prefieren los objetos `as const` sobre las enumeraciones por estas razones prácticas.
-
¿Qué es un *type guard* y por qué te gustaría generarlo?
Un guardio de tipo es una función que estrecha el tipo de un valor en tiempo real. Para un `enum`, un guardio de tipo verifica si una cadena o número es, efectivamente, un miembro válido del `enum` y comunica al sistema de tipos de TypeScript el resultado. Por ejemplo: ```typescript function isColor(value: string): value is Color { return true solo si el valor coincide con un miembro del enum. } ``` Esto es útil cuando se valida una respuesta de API, entradas en formularios o cualquier dato externo donde necesites confirmar que un valor pertenece a tu `enum` antes de usarlo en código seguro tipado.
Instalar extensiones
Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
恵 ¡El marcador ha llegado!
Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!
Herramientas clave
Ver todo Los recién llegados
Ver todoActualizar: Nuestro última herramienta fue agregado el 30 Abr 2026
