В TypeScript перечисления предоставляют удобный способ определения набора именованных констант. Хотя доступ к значениям перечисления осуществляется с помощью статических ключей, вы можете столкнуться со сценариями, в которых вам необходимо динамически получать значения перечисления на основе определенных условий. В этой статье блога будут рассмотрены различные методы динамического получения значений перечисления в TypeScript, а также приведены разговорные объяснения и практические примеры кода.

1. Метод 1: использование скобочных обозначений с Enum

   • Объяснение: Доступ к перечисленным значениям можно получить с помощью скобок, что обеспечивает доступ к динамическим ключам.

   • Пример кода:

     enum Color {
     RED = "red",
     BLUE = "blue",
     GREEN = "green"
     }
     
     function getEnumValue(enumObj: any, key: string): any {
     return enumObj[key];
     }
     
     const colorKey = "BLUE";
     const colorValue = getEnumValue(Color, colorKey); // "blue"

2. Метод 2: перебор ключей перечисления

   • Объяснение: перебирая ключи перечисления, вы можете динамически получать соответствующие значения.

   • Пример кода:

     enum Direction {
     NORTH = "north",
     SOUTH = "south",
     EAST = "east",
     WEST = "west"
     }
     
     function getEnumValue(enumObj: any, key: string): any {
     for (const enumKey in enumObj) {
      if (enumObj.hasOwnProperty(enumKey) && enumKey === key) {
        return enumObj[enumKey];
      }
     }
     }
     
     const directionKey = "WEST";
     const directionValue = getEnumValue(Direction, directionKey); // "west"

3. Метод 3. Использование объекта сопоставления

   • Объяснение: Создайте объект сопоставления, который связывает ключи со значениями перечисления, обеспечивая динамическое получение.

   • Пример кода:

     enum Fruit {
     APPLE = "apple",
     BANANA = "banana",
     ORANGE = "orange"
     }
     
     const fruitMapping = {
     APPLE: Fruit.APPLE,
     BANANA: Fruit.BANANA,
     ORANGE: Fruit.ORANGE
     };
     
     function getEnumValue(mapping: any, key: string): any {
     return mapping[key];
     }
     
     const fruitKey = "BANANA";
     const fruitValue = getEnumValue(fruitMapping, fruitKey); // "banana"

Динамическое получение значения перечисления в TypeScript может быть достигнуто с использованием различных подходов. Используя обозначение скобок, перебирая ключи перечисления или используя объект сопоставления, вы можете получить динамический доступ к значениям перечисления в зависимости от условий времени выполнения. Эти методы обеспечивают гибкость и повышают универсальность перечислений в TypeScript.

Не забудьте адаптировать эти методы к вашим конкретным случаям использования и изучите документацию TypeScript для получения более глубоких знаний о перечислениях и динамическом извлечении значений.