typescript mapped tuple lookup types?









up vote
2
down vote

favorite












Now that typescript 3.1 introduced mapped tuple types, I was hoping this code sample would work:



export interface SettingKey 
General_Language: 'en'

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKey[K]>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
)


But it doesn't. The errors are:



ttt.ts:7:83 - error TS2536: Type 'K' cannot be used to index type 'SettingKey'.

7 export function fetchSetting<K extends (keyof SettingKey)>(...keys: K): Promise<SettingKey[K]> {
~~~~~~~~~~~~~

ttt.ts:11:12 - error TS2571: Object is of type 'unknown'.

11 return x['General_Language'] === 'de'
~


Clearly the second error is a consequence of the first one, so that's not really a concern. The first one is the problematic one.



keys is an array of keyof SettingKey, and so I would hope that SettingKey[K] would be an array of the types of the listed properties (so, concretely in the code sample I put, it would be ['en' | 'sl', number]. From the pull request introducing the typescript feature:




If T is an array type S we map to an array type R, where R is an instantiation of X with S substituted for T[P].




But that holds I guess for mapped types only, and here I have a lookup type, that would be the reason why it doesn't work I guess?



I think what I want to express is clear; can this be made type-safe in typescript?










share|improve this question

















  • 2




    If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
    – jcalz
    Nov 10 at 19:39














up vote
2
down vote

favorite












Now that typescript 3.1 introduced mapped tuple types, I was hoping this code sample would work:



export interface SettingKey 
General_Language: 'en'

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKey[K]>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
)


But it doesn't. The errors are:



ttt.ts:7:83 - error TS2536: Type 'K' cannot be used to index type 'SettingKey'.

7 export function fetchSetting<K extends (keyof SettingKey)>(...keys: K): Promise<SettingKey[K]> {
~~~~~~~~~~~~~

ttt.ts:11:12 - error TS2571: Object is of type 'unknown'.

11 return x['General_Language'] === 'de'
~


Clearly the second error is a consequence of the first one, so that's not really a concern. The first one is the problematic one.



keys is an array of keyof SettingKey, and so I would hope that SettingKey[K] would be an array of the types of the listed properties (so, concretely in the code sample I put, it would be ['en' | 'sl', number]. From the pull request introducing the typescript feature:




If T is an array type S we map to an array type R, where R is an instantiation of X with S substituted for T[P].




But that holds I guess for mapped types only, and here I have a lookup type, that would be the reason why it doesn't work I guess?



I think what I want to express is clear; can this be made type-safe in typescript?










share|improve this question

















  • 2




    If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
    – jcalz
    Nov 10 at 19:39












up vote
2
down vote

favorite









up vote
2
down vote

favorite











Now that typescript 3.1 introduced mapped tuple types, I was hoping this code sample would work:



export interface SettingKey 
General_Language: 'en'

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKey[K]>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
)


But it doesn't. The errors are:



ttt.ts:7:83 - error TS2536: Type 'K' cannot be used to index type 'SettingKey'.

7 export function fetchSetting<K extends (keyof SettingKey)>(...keys: K): Promise<SettingKey[K]> {
~~~~~~~~~~~~~

ttt.ts:11:12 - error TS2571: Object is of type 'unknown'.

11 return x['General_Language'] === 'de'
~


Clearly the second error is a consequence of the first one, so that's not really a concern. The first one is the problematic one.



keys is an array of keyof SettingKey, and so I would hope that SettingKey[K] would be an array of the types of the listed properties (so, concretely in the code sample I put, it would be ['en' | 'sl', number]. From the pull request introducing the typescript feature:




If T is an array type S we map to an array type R, where R is an instantiation of X with S substituted for T[P].




But that holds I guess for mapped types only, and here I have a lookup type, that would be the reason why it doesn't work I guess?



I think what I want to express is clear; can this be made type-safe in typescript?










share|improve this question













Now that typescript 3.1 introduced mapped tuple types, I was hoping this code sample would work:



export interface SettingKey 
General_Language: 'en'

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKey[K]>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
)


But it doesn't. The errors are:



ttt.ts:7:83 - error TS2536: Type 'K' cannot be used to index type 'SettingKey'.

7 export function fetchSetting<K extends (keyof SettingKey)>(...keys: K): Promise<SettingKey[K]> {
~~~~~~~~~~~~~

ttt.ts:11:12 - error TS2571: Object is of type 'unknown'.

11 return x['General_Language'] === 'de'
~


Clearly the second error is a consequence of the first one, so that's not really a concern. The first one is the problematic one.



keys is an array of keyof SettingKey, and so I would hope that SettingKey[K] would be an array of the types of the listed properties (so, concretely in the code sample I put, it would be ['en' | 'sl', number]. From the pull request introducing the typescript feature:




If T is an array type S we map to an array type R, where R is an instantiation of X with S substituted for T[P].




But that holds I guess for mapped types only, and here I have a lookup type, that would be the reason why it doesn't work I guess?



I think what I want to express is clear; can this be made type-safe in typescript?







typescript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 10 at 19:19









Emmanuel Touzery

5,80314151




5,80314151







  • 2




    If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
    – jcalz
    Nov 10 at 19:39












  • 2




    If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
    – jcalz
    Nov 10 at 19:39







2




2




If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
– jcalz
Nov 10 at 19:39




If you want ['en' | 'sl', number] then you should be looking up x[0], not x['General_Language']. That's a separate error from the one about mapping tuples.
– jcalz
Nov 10 at 19:39












1 Answer
1






active

oldest

votes

















up vote
3
down vote



accepted










To have a mapped tuple you need a mapped type, that will map the original tuple (in the type parameter K) to the new tuple type



export interface SettingKey 
General_Language: 'en'

type SettingKeyProp<P extends keyof SettingKey> = SettingKey[P]
type SettingKeyArray<K extends [n: number]: keyof SettingKey > =
[P in keyof K]: K[P] extends keyof SettingKey ? SettingKey[K[P]]: never

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
return x[0] === 'de' /// since you want a tuple, you should index by number not name
)


If you want to index by name that is also possible, but the mapped type should map over the values in the array not the keys in the array:



type SettingKeyArray<K extends [n: number]: keyof SettingKey > = 
[P in K[number]]: SettingKey[P]

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x =>
// you can access by name
return x.General_Language === 'de'
)





share|improve this answer


















  • 1




    great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
    – Emmanuel Touzery
    Nov 11 at 8:30










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













 

draft saved


draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242568%2ftypescript-mapped-tuple-lookup-types%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
3
down vote



accepted










To have a mapped tuple you need a mapped type, that will map the original tuple (in the type parameter K) to the new tuple type



export interface SettingKey 
General_Language: 'en'

type SettingKeyProp<P extends keyof SettingKey> = SettingKey[P]
type SettingKeyArray<K extends [n: number]: keyof SettingKey > =
[P in keyof K]: K[P] extends keyof SettingKey ? SettingKey[K[P]]: never

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
return x[0] === 'de' /// since you want a tuple, you should index by number not name
)


If you want to index by name that is also possible, but the mapped type should map over the values in the array not the keys in the array:



type SettingKeyArray<K extends [n: number]: keyof SettingKey > = 
[P in K[number]]: SettingKey[P]

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x =>
// you can access by name
return x.General_Language === 'de'
)





share|improve this answer


















  • 1




    great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
    – Emmanuel Touzery
    Nov 11 at 8:30














up vote
3
down vote



accepted










To have a mapped tuple you need a mapped type, that will map the original tuple (in the type parameter K) to the new tuple type



export interface SettingKey 
General_Language: 'en'

type SettingKeyProp<P extends keyof SettingKey> = SettingKey[P]
type SettingKeyArray<K extends [n: number]: keyof SettingKey > =
[P in keyof K]: K[P] extends keyof SettingKey ? SettingKey[K[P]]: never

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
return x[0] === 'de' /// since you want a tuple, you should index by number not name
)


If you want to index by name that is also possible, but the mapped type should map over the values in the array not the keys in the array:



type SettingKeyArray<K extends [n: number]: keyof SettingKey > = 
[P in K[number]]: SettingKey[P]

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x =>
// you can access by name
return x.General_Language === 'de'
)





share|improve this answer


















  • 1




    great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
    – Emmanuel Touzery
    Nov 11 at 8:30












up vote
3
down vote



accepted







up vote
3
down vote



accepted






To have a mapped tuple you need a mapped type, that will map the original tuple (in the type parameter K) to the new tuple type



export interface SettingKey 
General_Language: 'en'

type SettingKeyProp<P extends keyof SettingKey> = SettingKey[P]
type SettingKeyArray<K extends [n: number]: keyof SettingKey > =
[P in keyof K]: K[P] extends keyof SettingKey ? SettingKey[K[P]]: never

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
return x[0] === 'de' /// since you want a tuple, you should index by number not name
)


If you want to index by name that is also possible, but the mapped type should map over the values in the array not the keys in the array:



type SettingKeyArray<K extends [n: number]: keyof SettingKey > = 
[P in K[number]]: SettingKey[P]

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x =>
// you can access by name
return x.General_Language === 'de'
)





share|improve this answer














To have a mapped tuple you need a mapped type, that will map the original tuple (in the type parameter K) to the new tuple type



export interface SettingKey 
General_Language: 'en'

type SettingKeyProp<P extends keyof SettingKey> = SettingKey[P]
type SettingKeyArray<K extends [n: number]: keyof SettingKey > =
[P in keyof K]: K[P] extends keyof SettingKey ? SettingKey[K[P]]: never

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x => 'sl'
return x[0] === 'de' /// since you want a tuple, you should index by number not name
)


If you want to index by name that is also possible, but the mapped type should map over the values in the array not the keys in the array:



type SettingKeyArray<K extends [n: number]: keyof SettingKey > = 
[P in K[number]]: SettingKey[P]

export function fetchSetting<K extends (keyof SettingKey)>
(...keys: K): Promise<SettingKeyArray<K>>
return null as any;

fetchSetting('General_Language', 'Map_InitialLongitude').then(x =>
// you can access by name
return x.General_Language === 'de'
)






share|improve this answer














share|improve this answer



share|improve this answer








edited Nov 10 at 19:49

























answered Nov 10 at 19:42









Titian Cernicova-Dragomir

51.8k33148




51.8k33148







  • 1




    great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
    – Emmanuel Touzery
    Nov 11 at 8:30












  • 1




    great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
    – Emmanuel Touzery
    Nov 11 at 8:30







1




1




great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
– Emmanuel Touzery
Nov 11 at 8:30




great and thank you! Note that the type parameter for SettingKeyArray looks a little frightening, I found out that saying type SettingKeyArray<K extends (keyof SettingKey)> = ... works just as well.
– Emmanuel Touzery
Nov 11 at 8:30

















 

draft saved


draft discarded















































 


draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242568%2ftypescript-mapped-tuple-lookup-types%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Top Tejano songwriter Luis Silva dead of heart attack at 64

ReactJS Fetched API data displays live - need Data displayed static

政党