Is it possible to create a dynamically generated key for TypeScript enums?

Question

Is it possible to create a dynamically generated key for TypeScript enums?

As a newcomer to TypeScript coming from the JavaScript world, please bear with me if my questions seem naive.

What am I trying to accomplish?

enum Add {
  PREFIX = 'ADD',
  ROUTE_PREFIX = 'add'
}

export CrudAdd {
  `${Add.PREFIX}_CUSTOMER` = `${Add.ROUTE_PREFIX}-customer`,
  // ....
}

I want to avoid typing *_CUSTOMER repeatedly.

This is achievable in plain JS as shown below:

const obj = {
  `${Add.PREFIX}_CUSTOMER`: `${Add.ROUTE_PREFIX}-customer`
}

I have come across information stating that after compilation, an enum is just a JavaScript object.

Is there a way to achieve this behavior?

Once again, I apologize for this question.

typescript typescript-typings

Answer 1

Answer №1

There are two ways to achieve what you are looking for -

You have the option to set a key and value for the object by accessing the property as a collection -
```
obj[`${Add.PREFIX}_CUSTOMER`] = `${Add.ROUTE_PREFIX}-customer`;
```

Another approach is to iterate through the enum and assign values using Object.keys(YourEnum), like so -

enum Add {
  PREFIX = 'ADD',
  ROUTE_PREFIX = 'add'
}

export const obj = {
};

Object.keys(Add).forEach(x=>{
  obj[x] = Add[x];
});

console.log(obj);

Feel free to check out the console in this StackBlitz

Answer 2

There are two ways to achieve what you are looking for -

You have the option to set a key and value for the object by accessing the property as a collection -
```
obj[`${Add.PREFIX}_CUSTOMER`] = `${Add.ROUTE_PREFIX}-customer`;
```

Another approach is to iterate through the enum and assign values using Object.keys(YourEnum), like so -

enum Add {
  PREFIX = 'ADD',
  ROUTE_PREFIX = 'add'
}

export const obj = {
};

Object.keys(Add).forEach(x=>{
  obj[x] = Add[x];
});

console.log(obj);

Feel free to check out the console in this StackBlitz

Is it possible to create a dynamically generated key for TypeScript enums?

Answer №1

Similar questions

A guide to transforming an object into a JSON query using Elasticsearch

Using RxJS switchMap in combination with toArray allows for seamless transformation

A function that creates a new object with identical keys as the original input object

In Typescript, null values are allowed even when the type is set to be non-nullable

An issue has occurred: function() is not a valid function

Issue: (SystemJS) XHR error (404) encountered in Angular2 Plnkrsandbox

What methods can I utilize from Google Maps within Vuex's createStore()?

"Utilizing TypeScript with React: Creating a window onClick event type

Having trouble resolving the '@angular/material/typings/' error?

What are the methods to determine the cause of ESLint's slow performance?

Attempting to simulate the behavior of nfcManager by utilizing the nfcManager.start() function in react native testing library

What is the reason the 'Add' type does not meet the 'number' constraint?

Transforming an object's type into an array of different types

Issue in VueJs where mutations do not properly save new objects to the state

When attempting to pass an array of objects to a child component, TypeScript raises an error regarding types

What is the best method for sharing templates and logic in VUE?

The potential cause of the hanging Angular page might be attributed to excessive memory consumption

Using Typescript generics to create parameter and argument flexibility for both classes and

What is the process for transferring a Pulumi Output<T> to the container definition of a task in ECS?

How do I modify the local settings of the ngx-admin datepicker component to show a Turkish calendar view?