write an object with keys and array typescript

Question

I am writing the following in typescript and see the following error

const WEEKDAYS_SHORT = {
    en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    de: ['S', 'M', 'D', 'M', 'D', 'F', 'S'],
};

<StyledDayPicker weekdaysShort={WEEKDAYS_SHORT[language]} />

Type 'string[]' is not assignable to type '[string, string, string, string, string, string, string]'. Property '0' is missing in type 'string[]'. [2322]

I have tried the following which is giving me an error.

const WEEKDAYS_SHORT: string[] = {
    en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    de: ['S', 'M', 'D', 'M', 'D', 'F', 'S'],
};

You're defining the type as an array of strings but you're declaring your variable with an object.... — Baruch
– Baruch, Commented Feb 6, 2019 at 15:42
possible duplicate of stackoverflow.com/questions/36860251/… — Matthew Varga
– Matthew Varga, Commented Feb 6, 2019 at 15:43
Possible duplicate of Is in Typescript possible to define 'object of arrays of type string? (right position of type checking?) — Heretic Monkey
– Heretic Monkey, Commented Feb 6, 2019 at 15:45

Titian Cernicova-Dragomir · Accepted Answer · 2019-02-06 15:45:01Z

1

weekdaysShort expects a string tuple of length 7. By default typescript infers arrays of fir array literals. The simple solution is to usa an extra function to help inference along:

const stringTuple = <T extends string[]>(...a: T) => a;

const WEEKDAYS_SHORT = {
    en: stringTuple('S', 'M', 'T', 'W', 'T', 'F', 'S'),
    de: stringTuple('S', 'M', 'D', 'M', 'D', 'F', 'S')
};

Or you can use a type assertion:

type Tuple7 = [string,string,string,string,string,string,string]
const WEEKDAYS_SHORT = {
    en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'] as Tuple7,
    de: ['S', 'M', 'D', 'M', 'D', 'F', 'S'] as Tuple7,
};

Or in typescript 3.4 (unreleased at this time) you can assert as const to make the compiler infer a readonly tuple:

const WEEKDAYS_SHORT = {
    en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    de: ['S', 'M', 'D', 'M', 'D', 'F', 'S'],
} as const;

Also depending on your compiler setting, and the language should be 'en' | 'de' for indexing to work.

answered Feb 6, 2019 at 15:45

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges395 bronze badges

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

3 Comments

peter flanagan Over a year ago

any idea for this one 'Typescript King' - stackoverflow.com/questions/54575523/…

Titian Cernicova-Dragomir Over a year ago

@peterflanagan :)) I can have a look

peter flanagan Over a year ago

I think I have figured it out/the answer there answers it. It is a react issue not a ts one

Baruch · Accepted Answer · 2019-02-06 15:43:43Z

0

Your variable should be defined as such:

const WEEKDAYS_SHORT: { [prop: string]: string[] } = {
    en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    de: ['S', 'M', 'D', 'M', 'D', 'F', 'S'],
};

answered Feb 6, 2019 at 15:43

Baruch

2,4481 gold badge18 silver badges30 bronze badges

1 Comment

peter flanagan Over a year ago

it is still complaining . Also is prop a keyword, or can I use anything there. As said below it is because it is expecting a string tuple of length 7. I didn't know this

Collectives™ on Stack Overflow

write an object with keys and array typescript

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related