Getting the enum key with the value string (reverse mapping) in TypeScript

后端 未结 4 1820
独厮守ぢ
独厮守ぢ 2020-12-11 15:04

I have an enum:

export enum ApiMessages {
    logged_ok = \'Logged OK\',
    register_ok = \'Register OK\'
}

I have a function with the enu

相关标签:
4条回答
  • 2020-12-11 15:10

    As described in the handbook:

    Keep in mind that string enum members do not get a reverse mapping generated at all.

    That means there is no simple reverse mapping in your case.

    Workaround: Getting a reverse mapping for string enum members

    To get the key of an enum member by its value, you have to iterate through the enum keys and compare the associated value with your target value.

    function getEnumKeyByEnumValue(myEnum, enumValue) {
        let keys = Object.keys(myEnum).filter(x => myEnum[x] == enumValue);
        return keys.length > 0 ? keys[0] : null;
    }
    

    You can type this more strictly as follows (note that we can interpret our enum as an indexable type with key and value both being strings here):

    function getEnumKeyByEnumValue<T extends {[index:string]:string}>(myEnum:T, enumValue:string):keyof T|null {
        let keys = Object.keys(myEnum).filter(x => myEnum[x] == enumValue);
        return keys.length > 0 ? keys[0] : null;
    }
    

    Some demo code follows. You can also see it in action on the TypeScript Playground

    enum ApiMessages {
        logged_ok = 'Logged OK',
        register_ok = 'Register OK'
    }
    
    let exampleValue = ApiMessages.logged_ok;
    let exampleKey = getEnumKeyByEnumValue(ApiMessages, exampleValue);
    
    alert(`The value '${exampleValue}' has the key '${exampleKey}'`)
    
    function getEnumKeyByEnumValue<T extends {[index:string]:string}>(myEnum:T, enumValue:string):keyof T|null {
        let keys = Object.keys(myEnum).filter(x => myEnum[x] == enumValue);
        return keys.length > 0 ? keys[0] : null;
    }
    

    Adding this into your responseOK() you end up with:

    function responseOK(message: ApiMessages, result ?: any) {
        return {
            "status": "ok",
            "code": 200,
            "messageId": getEnumKeyByEnumValue(ApiMessages, message),
            "message": message,
            "result": result
        };
    }
    
    0 讨论(0)
  • 2020-12-11 15:20

    Simplified version

    The enum produces an object with key-value pairs.
    All you really need to do is find the right entry, if any.

    So, given example

    enum ApiMessages {
      Ok = 'OK',
      Forbidden = 'No access for you',
    }
    
    const example = ApiMessages.Forbidden;
    

    find the enum entry

    const match = Object.entries(ApiMessages).find(([key, value]) => value === example);
    

    select the key

    if (match) {
      const [key] = match;
      console.log(`'${example}' matched key '${key}'.`);
    }
    
    // output: 'No access for you' matched key 'Forbidden'.
    

    that's it.


    Find a working example here.

    0 讨论(0)
  • 2020-12-11 15:29

    You can easily create a map that allows you to get the key from the value without creating a special function for it.

    export enum ApiMessage {
        logged_ok = 'Logged OK',
        register_ok = 'Register OK'
    }
    
    export type ApiMessageKey = keyof typeof ApiMessage;
    
    export const API_MESSAGE_KEYS = new Map<ApiMessage, ApiMessageKey>(
        Object.entries(ApiMessage).map(([key, value]:[ApiMessageKey, ApiMessage]) => [value, key])
    )
    
    API_MESSAGE_KEYS.get(ApiMessage.logged_ok); // 'logged_ok'
    
    0 讨论(0)
  • 2020-12-11 15:29

    For those who come looking as I did, this works for me.

    NOTE: This is only valid if you know that your string value is a valid 'key'.

    enum Fruit {
        Apple = 'apple',
        Bananna = 'bananna'
    }
    
    const str: string = 'apple';
    
    const fruit = str as Fruit;
    
    if (fruit === Fruit.Apple)
        console.log("It's an apple");
    
    if (fruit === Fruit.Bananna)
        console.log("It's a bananna");
    
    0 讨论(0)
提交回复
热议问题