如何比较 TypeScript 中的枚举

问题描述 投票：0回答：9

在 TypeScript 中，我想比较两个包含枚举值的变量。这是我的最小代码示例：

enum E {
  A,
  B
}

let e1: E = E.A
let e2: E = E.B

if (e1 === e2) {
  console.log("equal")
}

使用 

tsc
(v 2.0.3) 编译时出现以下错误：

TS2365：运算符“===”不能应用于类型“E.A”和“E.B”。

与

==
、
!==
和
!=
相同。 我尝试添加 
const
关键字，但这似乎没有效果。 TypeScript 规范 说明如下：

4.19.3 <, >、<=, >=、==、!=、=== 和 !== 运算符

这些运算符要求一个或两个操作数类型可以分配给另一个。结果始终是布尔原始类型。

哪个（我认为）解释了错误。但是我怎样才能绕过它呢？

旁注
我正在使用带有 atom-typescript 的 Atom 编辑器，并且在我的编辑器中没有收到任何错误/警告。但是当我在同一目录中运行

tsc
时，我得到了上面的错误。我以为他们应该使用相同的
tsconfig.json
文件，但显然不是这样。

typescript enums compare equality
9个回答
62
投票

好吧，我想我找到了一些有用的东西：

if (e1.valueOf() === e2.valueOf()) {
  console.log("equal")
}

但是我有点惊讶文档中没有提到这一点。

31
投票

还有另一种方法：如果您不想以任何方式影响生成的 javascript 代码，您可以使用类型转换：

let e1: E = E.A
let e2: E = E.B


if (e1 as E === e2 as E) {
  console.log("equal")
}

一般来说，这是由基于控制流的类型推断引起的。使用当前的打字稿实现，只要涉及函数调用，它就会关闭，所以你也可以这样做：

let id = a => a

let e1: E = id(E.A)
let e2: E = id(E.B)

if (e1 === e2) {
  console.log('equal');
}

奇怪的是，如果声明 

id
函数返回与其参数完全相同的类型，仍然没有错误：

function id<T>(t: T): T { return t; }
14
投票

我会像这样定义 Enum 的值并与 

===

进行比较 
const enum AnimalInfo {
Tiger = "Tiger",
Lion = "Lion"
}

let tigerStr = "Tiger";

if (tigerStr === AnimalInfo.Tiger) {
  console.log('true');
} else {
  console.log('false');
}
13
投票

如果能够用这个比较两个枚举

 if (product.ProductType && 
       (product.ProductType.toString() == ProductTypes[ProductTypes.Merchandises])) {
      // yes this item is of merchandises
  }

产品类型是这个

export enum ProductTypes{Merchandises,Goods,...}

12
投票

8 月 18 日原创

就我而言，上述解决方案均无效，原因是我将枚举值强制转换为枚举对象。

在那之后，我想知道枚举是否等同于另一个枚举对象......所以我创建了以下generic函数：

  public static enumEquals<T>(e: any, e1: T, e2: T): boolean {
    const v1 = this.enumValue(e, e1);
    return v1 === this.enumValue(e, e2, typeof v1);
  }

  private static enumValue<T>(enumType: any, value: T, validType?: string) {
    let v = enumType[value];
    if (!validType) {
      return v;
    }
    if (typeof v !== validType) {
      v = enumType[v];
    }
    if (typeof v !== validType) {
      v = enumType[v];
    }
    return v || null;
  }

这是我的测试用例的例子：

enum SomeEnum {
  VALUE1, VALUE2, VALUE3, VALUE_DEF
}

const enumRefKey = localStorage.getItem('someKey');
const parsedEnum = SomeEnum[enumRefKey] || SomeEnum.VALUE_DEF;
console.log(parsedEnum);
if (parsedEnum === SomeEnum.VALUE_DEF) {
  // do stuff
}

该代码没有用，在我尝试了这里给出的解决方案之后，我发现当 

enumRefKey
有效时 
console.log(parsedEnum)
正在打印数字而文本 
VALUE_DEF
什么时候不是。使用所有其他解决方案会发生相同的结果：

  • parsedEnum 作为 SomeEnum
  • parsedEnum.valueOf()
  • SomeEnum[parsedEnum]

使用通用方法的解决方案如下所示：

enum SomeEnum {
  VALUE1, VALUE2, VALUE3, VALUE_DEF
}

const enumRefKey = localStorage.getItem('someKey');
const parsedEnum = SomeEnum[enumRefKey] || SomeEnum.VALUE_DEF;
console.log(parsedEnum);
if (this.enumEquals(SomeEnum, parsedEnum, SomeEnum.VALUE_DEF) {
  // do stuff
}

更新 SEP/21

在

enums
比较中避免与
TypeScript
相关的所有问题的最佳方法是像下面的例子一样声明它们。

而不是这个：

enum SomeEnum {
  VALUE1, VALUE2, VALUE3
}

这样做：

enum SomeEnum {
  VALUE1 = 'VALUE1', VALUE2 = 'VALUE2', VALUE3 = 'VALUE3'
}

从现在开始，您不需要将枚举值强制转换或转换为枚举对象，如果需要，它总是可以工作的。使用此解决方案，以下所有示例均有效，它们将返回

true
：

console.log(SomeEnum['VALUE1'] === 'VALUE1');             // prints 'true'
console.log(SomeEnum['VALUE1'] === SomeEnum.VALUE1);      // prints 'true'
console.log(SomeEnum['VALUE1'] === 'VALUE1' as SomeEnum); // prints 'true'
console.log(SomeEnum['VALUE1'] === 'VALUE1');             // prints 'true'
console.log(SomeEnum['VALUE1'] === (<SomeEnum>'VALUE1')); // prints 'true'
console.log(SomeEnum.VALUE1 === 'VALUE1' as SomeEnum);    // prints 'true'
console.log(SomeEnum.VALUE1 === (<SomeEnum>'VALUE1'));    // prints 'true'
console.log(SomeEnum.VALUE1 === 'VALUE1');                // prints 'true'

罪魁祸首

所有这些问题的原因是当 

TypeScript
被编译为 
JavaScript
枚举被解析为 
objects
像这样

// this enum at TS
enum SomeEnum {
  VALUE1, VALUE2, VALUE3
}
// is parsed to JS like this:
{
  VALUE1: 1, VALUE2: 2, VALUE3: 3, 1: 'VALUE1', 2: 'VALUE2', 3: 'VALUE3'
}

如您所见，一旦枚举被解析为 

JS
，所有比较问题的原因就变得显而易见，因为我们可能错误地比较了 
string
与 
number
，这可能最终导致误报结果。以下是解析为 JS 的第二个枚举，效果更好：

// this enum at TS
enum SomeEnum {
  VALUE1 = 'VALUE1', VALUE2 = 'VALUE2', VALUE3 = 'VALUE3'
}
// is parsed to JS like this:
{
  'VALUE1': 'VALUE1', 'VALUE2': 'VALUE2', 'VALUE3': 'VALUE3'
}
7
投票

唯一对我有用的东西（在打字稿 2.2.1 中）是这样的：

if (E[e1] === E[e2]) {
  console.log("equal")
}

这将比较表示名称的字符串（例如“A”和“B”）。

4
投票

将枚举类型转换为字符串是一种非常有价值的技术。

例如；

if (String(e1) === String(e2)) {
    console.log("equal, now actually works!")
}
2
投票

在打字稿中的示例枚举：

enum Example {
   type1,
   type2
};

被转换为javascript进入这个对象：

Example {
    '0': 'type1', 'type1': 0,
    '1': 'type2', 'type2': 1
}

我在打字稿中比较枚举有很多问题。这个简单的脚本解决了这个问题：

enum Example {
    type1 = 'type1',
    type2 = 'type2'
};

然后在javascript中，对象被转化为：

Example {
    'type1': 'type1',
    'type2': 'type2'
}

如果你不需要使用枚举——最好不要使用。 Typescript 有更高级的类型，更多在这里： https://www.typescriptlang.org/docs/handbook/advanced-types.html 您可以改用：

type Example = 'type1' | 'type2';
1
投票

错误被抛出是因为编译器意识到该语句总是错误的，因此是多余的。您声明两个显然不相等的变量，然后尝试查看它们是否相等。

如果你把它改成例如：

enum E {
  A,
  B
}

foo() {
  let e1: E = E.A
  let e2: E
  e2 = bar();

  if (e1 === e2) {
    console.log("equal")
  }
}

bar(): E {
  return E.B
}

它应该编译没有错误。

旁注，某事。喜欢

let e1 = E.A;
if (e1 && e1 === E.B) {
  ...
}

也不会编译，因为 

e1
在这种情况下是 
0
（因为 A 是第一个枚举“选项”）因此 
false
这意味着永远不会达到第二个状态（不管第二个语句是否会在这种情况下甚至有效）

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.