Typescript: Generate types from an object with the interface

Question

It's the second part for my question that was asked here. I've been helped with the solution for my previous problem, but once I added the interface for the alphabet object, Typescript stopped detecting that I provided the incorrect value.


interface ICharMap {
    lower: number
    upper: number
}

const alphabet: {[key: string]: ICharMap} = {
    'a': {lower: 97, upper: 65},
    'b': {lower: 98, upper: 66}
}

type Char = keyof typeof alphabet;

function printSome(char: Char){
    console.log(char)
}

printSome('c') \\ Typescript does not detect that the incorrect value is passed.

Cully · Accepted Answer · 2022-02-16 05:21:58Z

1

You could do something like this:

interface ICharMap {
  lower: number
  upper: number
}

type Letter = 'a' | 'b'

const alphabet: Record<Letter, ICharMap> = {
  'a': {lower: 97, upper: 65},
  'b': {lower: 98, upper: 66}
}

function printSome(char: Letter){
  console.log(char);
  console.log(alphabet[char]); // no error; TS knows that char is in alphabet
}

printSome('c') // error

answered Feb 16, 2022 at 5:21

Cully

6,9956 gold badges43 silver badges64 bronze badges

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

1 Comment

Cully Over a year ago

If this works, I'd wait to mark it as the answer. Someone else might post a better solution.

Indraraj26 · Accepted Answer · 2022-03-05 06:40:52Z

1

It is because your alphabet has {[key: string]} so when you do keyof typeof alphabet it returns string, with that you are allowed to pass any string.

If you modify your script like this then it will tell typescript that you should pass only 'a' and 'b'

interface ICharMap {
    lower: number
    upper: number
}

type keys = 'a' | 'b';

const alphabet: {[key in keys]: ICharMap} = {
    'a': {lower: 97, upper: 65},
    'b': {lower: 98, upper: 66}
}

type Char = keyof typeof alphabet;

function printSome(char: Char){
    console.log(char)
}
printSome('c')

edited Mar 5, 2022 at 6:40

answered Feb 16, 2022 at 5:24

Indraraj26

1,9941 gold badge17 silver badges33 bronze badges

Collectives™ on Stack Overflow

Typescript: Generate types from an object with the interface

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related