The Typescript type system for multiple enums

Question

The Typescript type system for multiple enums

I am working on an application that involves using multiple enums

enum HondaModels {
   Accord = 'Accord',
   ...
}
enum ToytaModels {
   Camry = 'Camry',
   ...
}

Within my code, I am validating whether a car model belongs to either Honda or Toyota.

I am interested in defining a type that represents either HondaModels or ToyotaModels

When attempting this, I encounter an error

 type modelTypes: HondaModels || ToyotaModels

Is there a more effective method for creating a custom type that encompasses multiple enums?

typescript enums

Answer 1

Answer №1

It is highly recommended to steer clear of String enums and instead opt for discriminated unions. This approach is superior because enums offer strong typing capabilities.

const AudiModels = {
  A3: "A3",
} as const;
type AudiModels = typeof AudiModels[keyof typeof AudiModels];

const BMWModels = {
  X5: "X5",
} as const;
type BMWModels = typeof BMWModels[keyof typeof BMWModels];

type carTypes = AudiModels | BMWModels;

Answer 2

It is highly recommended to steer clear of String enums and instead opt for discriminated unions. This approach is superior because enums offer strong typing capabilities.

const AudiModels = {
  A3: "A3",
} as const;
type AudiModels = typeof AudiModels[keyof typeof AudiModels];

const BMWModels = {
  X5: "X5",
} as const;
type BMWModels = typeof BMWModels[keyof typeof BMWModels];

type carTypes = AudiModels | BMWModels;

Answer 3

Answer №2

Your code contains a syntax error

enum HondaModels {
   Accord = 'Accord',
}
enum ToytaModels {
   Camry = 'Camry',
}

type modelTypes =  typeof HondaModels | typeof ToytaModels

// Example of how to use it
let abc: modelTypes = HondaModels

Special thanks to Aluan Haddad for providing an improved solution

Answer 4

Your code contains a syntax error

enum HondaModels {
   Accord = 'Accord',
}
enum ToytaModels {
   Camry = 'Camry',
}

type modelTypes =  typeof HondaModels | typeof ToytaModels

// Example of how to use it
let abc: modelTypes = HondaModels

Special thanks to Aluan Haddad for providing an improved solution

The Typescript type system for multiple enums

Answer №1

Answer №2

Similar questions

Resolving redundancy in Typescript Material-UI Table codebases

Encountering difficulties when attempting to upload a file to Google Cloud Platform using Multer in a Node.js

Using Ionic with React to smoothly scroll to a selected item in a list

When adjusting the month/year, the Material Date Picker extends beyond its container

Accessing global variables from an event listener in Angular: A quick guide

The Angular framework's structure is loaded in a combination of synchronous and asynchronous ways once the primeng tableModule

Using a Typescript-specific type within a switch case statement

Unable to analyze parameters provided to a simulated object in Jest

What could be causing the HTTP PUT requests to stop functioning properly after a number of requests?

Angular 6 Error: Failed to parse template. Unable to establish a connection with 'routerLink' as it is not recognized as a valid property of 'a'

What is the best way to develop a function that can take in either a promise or a value and output the same type as the input parameter?

Setting validation in Angular for either of two fields to validate in reactive form approach

Exploring the integration of PrimeNG into an Angular 4 project

How to Use a For Each Loop with Google Maps DrawingManager to Create Polygons?

React form submissions are not saving the state

Switch up your component button in Angular across various pages

developing a collection of Material UI text fields

CreateComponent receives an empty result from ngModel

TypeScript equivalent to Python's method for removing non-whitespace characters is achieved by

When a MatFormFieldControl both implements ControlValueAccessor and Validator, it can potentially lead to a cyclic