Object with generic keys in typescript

Question

I'd like to create a common function which will take an object, then do some transformations and return new object with same keys and different values. I'm trying to make it "strongly-typed", so everyone who uses it will have benefits of TS and non-existing keys should throw an error.

What I have for now:

const hash = {
  "first": 1,
  "second": 2,
  "third": 3,
}

type Mapper<T> = {
  [key in keyof T]: number
}

type Result<T>= {
  [key in keyof T]: () => number
}

const transform = <T>(mapper: Mapper<T>) => {
  const result = {} as Result<T>

  (Object.keys(mapper) as (keyof T)[]).map(key => {
    result[key] = () => mapper[key]
  })

  return result
}

type Hash = typeof hash

const a = transform<Hash>(hash)

a.first()
// a.fifth() OK error

It works well, but I'm looking for solutions to solve this:

Remove type assertion const result = {} as Result<T>
Remove type assertion (Object.keys(mapper) as (keyof T)[]) (or use Object.entries, but seems it also requires type assertion in this case)

Could I implement the same, but in more "clean" way in Typescript?

T.J. Crowder · Accepted Answer · 2023-12-03 14:37:34Z

12

Object.keys returns always string[] therefore you will need the casting.

A smaller & more robust version would use Object.fromEntries. Another small improvement would be to use the type of the original key, with T[Key].

const hash = {
  "first": "someString",
  "second": 2,
  "third": 3,
};

type Result<T>= {
  [Key in keyof T]: () => T[Key]
};

const transform = <T extends object>(obj: T): Result<T> => {
  return Object.fromEntries(
    Object.keys(obj).map(
        (key) => [key, () => obj[key as keyof T]]
    )
  ) as Result<T>;
}

const a = transform(hash);

const first = a.first(); // returns "string"
//    ^? const first: string
const second = a.second(); // return "number"
//    ^? const second: number

Playground link

edited Dec 3, 2023 at 14:37

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

answered Dec 31, 2019 at 15:26

felixmosh

35.8k10 gold badges81 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Steve Moretz Over a year ago

What the heck who could think changing : to in would fix that?Thanks!

felixmosh Over a year ago

@T.J.Crowder, Changed it to more elegant / modern solution, Object.fromEntries (which is much faster BTW)

T.J. Crowder Over a year ago

@felixmosh - Nice! There was a typo in the code, so I went ahead and fixed it and formatted the code so it would cause horizontal scrolling, and added TypeScript playground link. Happy coding!

Collectives™ on Stack Overflow

Object with generic keys in typescript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related