¿Cómo funcionan las enumeraciones en TypeScript?

En este artículo, intentaremos comprender todos los hechos asociados con las enumeraciones en TypeScript.

Enumeración de TypeScript : las enumeraciones de TypeScript nos permiten definir o declarar un conjunto de constantes con nombre, es decir, una colección de valores relacionados que pueden tener la forma de una string, un número o cualquier otro tipo de datos.

Sintaxis: La siguiente es la sintaxis que podríamos usar para inicializar una enumeración en TypeScript-

enum enum_name {
    // values......
}

Razón para usar una enumeración en TypeScript:

• Las enumeraciones proporcionan una excelente manera de organizar el código en TypeScript.
• Enums ahorra tiempo de compilación y tiempo de ejecución con código en línea en JavaScript.
• Las enumeraciones permiten la creación de constantes personalizadas eficientes en memoria en JavaScript.

¿Cómo funciona una enumeración en TypeScript?

• Las enumeraciones generalmente aceptan valores predeterminados en números (a partir de 0).
• Aunque un usuario podría cambiar los valores proporcionados en las enumeraciones de acuerdo con los requisitos.
• Los valores dentro de las enumeraciones se marcan como constantes, por lo que también se puede acceder a ellos, pero no se pueden modificar ni cambiar.
• La salida de una enumeración de TypeScript es un objeto que hemos visto en JavaScript (aunque JavaScript no admite enumeraciones).
• Este objeto consta de propiedades con nombre declaradas en la enumeración.
• Este objeto también tiene claves numéricas con valores de string que representan las constantes nombradas.
• Es por eso que podemos pasar un número a una función que acepte una enumeración.
• En otras palabras, también podemos visualizar los miembros de la enumeración como un número y una constante definida.

Enumeraciones numéricas: las enumeraciones numéricas almacenan valores de string como números y se pueden declarar usando la palabra clave enum. Los siguientes son algunos de los ejemplos que nos ayudarían a comprender las enumeraciones numéricas de una manera mucho mejor y más clara:

Ejemplo: en este ejemplo, crearemos una enumeración numérica que almacenará la información de Cars y, además, mostraremos algunos resultados específicos usando esa enumeración.

enum CarName {
    Honda,
    Toyota,
    Alto,
    Swift,
}
console.log(CarName);
console.log("Value of Alto is : "+ CarName.Alto);

Producción:

{
  '0': 'Honda',
  '1': 'Toyota',
  '2': 'Alto',
  '3': 'Swift',
  Honda: 0,
  Toyota: 1,
  Alto: 2,
  Swift: 3
}
Value of Alto is : 2

Ejemplo: en este ejemplo, inicializaremos un valor dentro de una enumeración, por lo que otros valores se incrementarían por sí solos.

enum CarName {
    Honda = 10,
    Toyota,
    Alto,
    Swift,
}
console.log(CarName);
console.log("Value of Alto is : "+ CarName.Alto);

Producción:

{
  '10': 'Honda',
  '11': 'Toyota',
  '12': 'Alto',
  '13': 'Swift',
  Honda: 10,
  Toyota: 11,
  Alto: 12,
  Swift: 13
}
Value of Alto is : 12

Enumeraciones de string: las enumeraciones de string son bastante similares a las enumeraciones numéricas, pero sus valores de enumeración se inicializan con valores de string en lugar de valores numéricos. Las enumeraciones de strings tienen una mejor legibilidad que las enumeraciones numéricas.

El siguiente ejemplo nos ayudará a comprender String Enums de una manera mucho mejor y más clara:

Ejemplo: en este ejemplo, crearemos una enumeración de string que almacenará todos los valores en el tipo de datos de string.

enum fruitsName {
    Apple = "APPLE",
    Banana = "Banana",
    Mango = "Mango",
    Papaya = "Papaya"
}
console.log(fruitsName);
 
console.log("Fruit name is : " + fruitsName.Apple);

Producción:

{ Apple: 'APPLE', Banana: 'Banana', Mango: 'Mango', Papaya: 'Papaya' }
Fruit name is : APPLE

Enumeraciones heterogéneas: las enumeraciones heterogéneas contienen valores de enumeración tanto numéricos como de string. El siguiente ejemplo explicará las enumeraciones heterogéneas de una manera mucho mejor y más clara:

Ejemplo: en este ejemplo, almacenaremos algunos datos que tienen la forma de un número y una string.

enum studentDetails {
    name = "ABCD",
    age = 20,
    rollno = 12345,
    address = "XYZ Place PQR city",
    school_name = "ABCDEFG"
}
console.log(studentDetails);

Producción:

{
  '20': 'age',
  '12345': 'rollno',
  name: 'ABCD',
  age: 20,
  rollno: 12345,
  address: 'XYZ Place PQR city',
  school_name: 'ABCDEFG'
}

Lugar para usar una enumeración: las enumeraciones deben usarse siempre que haya un pequeño conjunto de valores fijos disponibles que estén estrechamente relacionados y, además, estos valores se conozcan en el momento de la compilación.