dev-resources.site

for different kinds of informations.

[JS TS] How to create an object with keys based on enum

Published at

4/26/2023

Categories

enum

typescript

javascript

Author

ktrblog

Main Article

https://dev.to/ktrblog/js-ts-create-an-object-with-keys-based-on-enum-2k8c

Categories

3 categories in total

Author

7 person written this

[JS TS] How to create an object with keys based on enum

Although this rarely happens, it can be useful in some cases.

We have an enum with some values. We need to create a dynamic object with properties from the enum and some values handled by some callback. This allowed us to not “hardcode” our properties in the callback hadler and reuse it for different cases.

codepen: https://codepen.io/ktr92/pen/yLRMrLo

Initial data:

enum ProductProperties {
  product_id = "id",
  product_name = "name",
  product_image = "image"
}

Desired result:

// [object Object] 
{
  "id": "somevalue",
  "name": "somevalue",
  "image": "somevalue"
}

Solution

JS (TS):

enum ProductProperties {
  product_id = "id",
  product_name = "name",
  product_image = "image"
}


const enum2obj = (callback) => {
  return {
      ...(Object.fromEntries(
        Object.values(ProductProperties).map((val) => [
          val,
          callback()
        ])
      )),
    }
}

console.log(
  enum2obj(() => 'somevalue')
)

enum Article's

30 articles in total

Mastering ENUMs in Go

The 3 kinds of Enum in Rails

Enhancing Enum Constants in Laravel with Description and Label Attributes

Should I stay or should I go? Enums in TypeScript - error case study

Result in Rust: another way of error handling

How to convert a TypeScript built-in enum to a GraphQL enum

Leveraging Enums in Angular: Enhancing Code Clarity and Reliability

Typescript enum vs. "as const"

Enum Fábrica Solitão em Java

Implementing Enums in Golang

Elixirでリストの最初の要素を取得

[JS TS] How to create an object with keys based on enum

currently reading

Enum ou Enumerations no PHP

Replacing If-Else Statements with Enums in Java

Dart enhanced enum with custom values

Working with Enums in Rust

Modelando algoritmos complexos com enum

Managing Task Status Transitions in TypeScript with Enums and Object Mapping

TypeScript Enum's vs Discriminated Unions

Strategy Pattern no Spring Boot Usando Enum

Problem in C Pointer

Merge TypeScript Enums

Agora sim, o grande ganho do enum no Dart 2.17

How to proper use ambient enum from Definition file

O Poder da Classe Enum com métodos abstratos

Refactoring code with the Strate Pattern

🔥Input Enums for a better Development Experience 🔥 😋✂️

O pequeno grande ganho do enum no Dart 2.15

Typescript enums drawbacks and solutions

Featured ones:

abubakersiddique761