Typescript get key value from Interface

Question

export interface Cookies {
  Authentication: string;
  Refresh: string;
  DeviceId: string;
}

type key = keyof Cookies
// key is "Authentication" | "Refresh" | "DeviceId"

export const COOKIE_KEYS: Record<key, key> = {
  Authentication: 'Authentication',
  Refresh: 'Refresh',
  DeviceId: 'DeviceId',
};

I want to enforce the COOKIE_KEYS, so that each key is equal to value.

Authentication = 'Authentication'

Is there a way to create a key-value lookup from keyof interface? Perhaps via reflection?

Update

I solved this problem by using similar solution to C# nameOf.

export function nameOf<T>(name: Extract<keyof T, string>): string {
  return name;
}

nameOf<Cookies>('Authentication') // = 'Authentication'

captain-yossarian from Ukraine · Accepted Answer · 2020-12-15 10:41:54Z

2

Sure:

export interface Cookies {
  Authentication: string;
  Refresh: string;
  DeviceId: string;
}

type Keys = keyof Cookies

/**
 * Iterate through every key of Cookies
 * and assign key to value
 */
type Make<T extends string>={
    [P in T]:P
}

type Result = Make<Keys>

answered Dec 15, 2020 at 10:41

captain-yossarian from Ukraine

33.5k5 gold badges41 silver badges78 bronze badges

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

1 Comment

Vong Panha Huot Over a year ago

Thanks you so much. I end it up by simplify this to, type CookieMap = { [P in keyof Cookies]: P; };

Collectives™ on Stack Overflow

Typescript get key value from Interface

Update

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related