Using Enum as Object keys [duplicate]

Question

I have an Enum:

 const ingredients = { BREAD_BOTTOM: 'BreadBottom', BREAD_TOP: 'BreadTop', MEAT: 'Meat', BACON: 'Bacon', CHEESE: 'Cheese', SALAD: 'Salad' };

Now I want to create a list of ingredients using this Enum, something like:

 listOfIngredients: { ingredients.BREAD_TOP: 1, ingredients.BACON: 1, ingredients.CHEESE: 2, ingredients.MEAT: 2, ingredients.BREAD_BOTTOM: 1, }

I try some variations such as ${ingredients.BREAD_TOP} but I cannot make the list of ingredients have as key the Enum values

Well, it's not really an "enum"; it's an object with string-valued properties. You can use [ ] however to extract the property values in the second object literal. — Pointy
– Pointy, Commented Sep 12, 2018 at 13:15

Ayush Gupta · Accepted Answer · 2018-09-12 13:16:25Z

You can wrap the keys in [] to evaluate their value before using them as keys

const listOfIngredients: { [ingredients.BREAD_TOP]: 1, [ingredients.BACON]: 1, [ingredients.CHEESE]: 2, [ingredients.MEAT]: 2, [ingredients.BREAD_BOTTOM]: 1, }

To access a value, just do:

console.log(listOfIngredients[ingredients.BREAD_TOP]);

Here's a snippet:

let ingredients = { BREAD_BOTTOM: 'BreadBottom', BREAD_TOP: 'BreadTop', MEAT: 'Meat', BACON: 'Bacon', CHEESE: 'Cheese', SALAD: 'Salad' }; const listOfIngredients= { [ingredients.BREAD_TOP]: 1, [ingredients.BACON]: 1, [ingredients.CHEESE]: 2, [ingredients.MEAT]: 2, [ingredients.BREAD_BOTTOM]: 1 }; console.log(listOfIngredients[ingredients.BREAD_TOP]);

Collectives™ on Stack Overflow

Using Enum as Object keys [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related