Check if value exists in enum in TypeScript

by

If you want this to work with string enums, you need to use Object.values(ENUM).includes(ENUM.value) because string enums are not reverse mapped, according to https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-4.html:

enum Vehicle {
    Car="car",
    Bike="bike",
    Truck = 'truck'
}

becomes:

{
    Car: 'car',
    Bike: 'bike',
    Truck: 'truck'
}

So you just need to do:

if (Object.values(Vehicle).includes('car')) {
    // Do stuff here
}

If you get an error for: Property 'values' does not exist on type 'ObjectConstructor', then you are not targeting ES2017. You can either use this tsconfig.json config:

"compilerOptions": {
    "lib": ["es2017"]
}

Or you can just do an any cast:

if ((<any>Object).values(Vehicle).includes('car')) {
    // Do stuff here
}

More Related Contents:

  1. Cast int to enum strings in Typescript
  2. How can I loop through enum values for display in radio buttons? [duplicate]
  3. TypeScript enum to object array
  4. Can’t perform a React state update on an unmounted component
  5. Angular 2 Sibling Component Communication
  6. How to convert an array of objects to object with key value pairs
  7. JS : Convert Array of Strings to Array of Objects
  8. Inject TypeORM repository into NestJS service for mock data testing
  9. What is the difference between class method vs. class field function vs. class field arrow function?
  10. What’s the difference between “declare class” and “interface” in TypeScript
  11. Error: ‘types’ can only be used in a .ts file – Visual Studio Code using @ts-check
  12. Call a function on click event in Angular 2
  13. How to make TypeScript output valid ES6 module import statements?
  14. Visual Studio Code Syntax Highlighting not working for Javascript and Typescript [closed]
  15. How to Pass data from child to parent component Angular
  16. Angular2 too many file requests on load
  17. Should we use useCallback in every function handler in React Functional Components
  18. Server Discovery And Monitoring engine is deprecated
  19. Why I am not getting warnings about StrictNullChecks in typescript
  20. Plain Javascript as Angular 2 service
  21. useMemo vs. useEffect + useState
  22. Can you create nested classes in TypeScript?
  23. Error: Cannot invoke an expression whose type lacks a call signature
  24. TypeScript “Compile on save” feature not working in Visual Studio 2015
  25. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  26. angular 2 access ng-content within component
  27. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  28. How to import ipcRenderer in vue.js ? __dirname is not defined
  29. How to implement a Typescript interface to an es5-style “class”?
  30. how can I get a unique device ID in javascript?

Leave a Comment