求解： typescript 如何根据 enum 的字符值返回对应的 enum 实例？

[hahaFck]

比如定义以下 enum

const enum VerticalAlign {
   bottom, center, top
}

定义下面方法

//data 是后台返回的数据
function getVerticalAlign(data:JsonData):VerticalAlign {
	let value:string|null = data['vAlign'];
    switch(value) {
    	case VerticalAlign.bottom:
        	return VerticalAlign.bottom;
        ........
    }
}

现在的写法就是每个 enum 的值都要判断一次然后返回，有通用的方法返回一个 enum 的值么，直接写 VerticalAlign[value] 编译器报错.

[hahaFck]

上面的例子写的简单，enum 实际是数字类型的，不是字符串类型。

[t123yh]

let s = "bottom";

return VerticalAlign[s];

[hahaFck]

@t123yh 不行啊，s 是后台返回来的值，这个时候不知道是哪个呢

[devilte]

```
enum Position {
Top,
Right,
Bottom,
Left
}

const getPosition = (v: keyof typeof Position): Position=> {
return Position[v];
}

getPosition('Bottom');

```
是这个意思吧？

[NoManPlay]

现在是要根据 value=0,返回对应的 bottom ，还是 value='bottom',获取对应的 0

[hahaFck]

@devilte
@NoManPlay
我的意思是，后台返回来的值 s ，有可能是 enum 中的值的任意一个，想写一个通用的方法，根据值(string | number)来返回对应的 enum 类型。

[NoManPlay]

```
enum VerticalAlign {
bottom,
center,
top,
}

function getVerticalAlign(value: any): VerticalAlign | null {
if (value in VerticalAlign) {
return VerticalAlign[value as keyof typeof VerticalAlign];
} else {
return null;
}
}
getVerticalAlign('bottom'); // 0
getVerticalAlign(''); // null
console.log(getVerticalAlign(0)); // bottom

```

[debuggerx]

看看下面的比较结果：
console.info(VerticalAlign['bottom'] === VerticalAlign.bottom);
console.info(VerticalAlign['bottom1'] === VerticalAlign.bottom);

所以这种会后台传的，一般这样搞：
enum VerticalAlign {
bottom, center, top, unknown
}

let alignStr = "from server";

console.info(VerticalAlign[alignStr] ?? VerticalAlign.unknown);

[hahaFck]

@NoManPlay
@debuggerx

好的，多谢二位哈哈，知道怎么搞了

[hahaFck]

@debuggerx 不行啊，直接写 VerticalAlign[alignStr]报 No index signature with a parameter of type 'string' was found on type 'typeof VerticalAlign'.

[paledream]

```typescript
enum VerticalAlign {
bottom = 1, center = 2, top = 3
}

type K = keyof typeof VerticalAlign

function getVerticalAlign(data:any): VerticalAlign {
let value: K = data['vAlign'];
return VerticalAlign[value]
}

```

[walpurgis]

enum 是 ts 编译时的东西，js 里没有 enum ，运行时从外部获取的数据，ts 没法保证类型安全，所以 OP 想要的效果无论如何都绕不开 any 或类型断言，而 type safe 的方法就是一个个判断

[mxT52CRuqR6o5]

难道不应该是直接
return value as any as VerticalAlign
吗，怎么一堆 return VerticalAlign[value]的

[silk]

为什么 JsonData 定义的时候不知道，等使用的时候才去做类型判断

[ysc3839]

@mxT52CRuqR6o5 楼主是要取 enum key string 对应的 value 吧？你这么转换类型结果还是 string

[zbinlin]

改用 const 吧：

https://www.typescriptlang.org/play?#code/MYewdgzgLgBAagUwE5QJbAIYBsCCXUDmYMAvDAN4BQAkAEYhRQgC2AXDAAwA0NwCYUZOwCMPakwAO7AExiA2gGUAns3pYAdADMQSABQAiAK5gA1mBAB3MPoCUAXXYBaUZQC+MDBBihIUANyUlD7QMAAmGFAY7BhgSqQUrgHBsCYISuypSiCaMLpQShII2fDIaJi4+EQ28eGRcgDkAG54hGD1djAA-J0wyqogGtp6RqbmVrYBQeAhSAiwZIgo6NgtRHKZdknTAwjqWCAEurNQNn5AA

[mxT52CRuqR6o5]

@ysc3839 OP 给的代码每个 case return 一个 enum 的 value ，联合起来函数返回的应该是整个的 enum value ，没问题啊
假设现在有一个枚举
enum E {A,B}
type A = E.A|E.B 和 type B = E 应该是等价的

[uni]

11 楼正解！
就是在定义 enum 的时候赋好值
enum VerticalAlign {
bottom = 1, center = 2, top = 3
}

[ysc3839]

@mxT52CRuqR6o5 但是这明显不符合一般用途，一般是获取到了 enum key string ，要转换成 enum value ，前面几楼给的代码也是这个逻辑，楼主也没反对。具体是什么需求需要楼主出来解释清楚。

[TWorldIsNButThis]

不要用 enum
这东西类型定义是坏的

[Lenic]

type VerticalAlign = "bottom" | "center" | "top";

不知道这样行不行，本质上你传进来的参数是字符串，到时候 as 一下就可以了

const abc = data.vAlign as VerticalAlign;

这样 abc 就是 VerticalAlign 类型的，但又是字符串类型的，是带有约束的字符串，即必须是 "bottom"、"center"、"top" 这三个字符串中的一个

[jsq2627]

ts 的 enum 有种说不上来的残废感

[hahaFck]

@ysc3839
@mxT52CRuqR6o5

已经放弃了，这东西怎么转换都麻烦，还是一个一个判断吧。