Typings for an object where keys and values are the same

Question

Is there a way in typescript to express the typings of a function that takes in a list of strings, and creates an object where each key's value is the key itself:

const createActionTypes = (types: string[]) => {
  return types.reduce((typesMap, type) => {
    typesMap[type] = type
    return typesMap
  }, {})
}

// Input
createActionTypes(['a', 'b'])

// Output
{ a: 'a', b: 'b' }

Here's what I've tried, without luck:

const createActionTypes = <T extends readonly string[], U extends T[number]>(
  types: T
): { [key in U]: U } => {
  return types.reduce((typesMap, type) => {
    typesMap[type] = type
    return typesMap
  }, {})
}

const x = createActionTypes(['a', 'b'] as const)
// Typings for x get resolved to: 
{
  a: "a" | "b";
  b: "a" | "b";
}

Nishant · Accepted Answer · 2021-02-05 15:53:13Z

2

You are really close. You need to specify that the value is same type as key and not the whole set "a"|"b" which is U.

TS Playground Link

const createActionTypes = <T extends readonly string[], U extends T[number]>(
  types: T
): { [key in U]: key } => {
  return types.reduce((typesMap, type) => {
    typesMap[type] = type
    return typesMap
  }, {} as any)
}

const x = createActionTypes(['a', 'b'] as const)

_{Also, just for clarity, I would avoid using reserved words like type as a variable or function parameter. It required me to look twice to ensure type is not type, but a value.}

edited Feb 5, 2021 at 15:53

answered Feb 5, 2021 at 15:44

Nishant

56.1k13 gold badges119 silver badges131 bronze badges

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

Collectives™ on Stack Overflow

Typings for an object where keys and values are the same

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related