Как сделать типизацию под случай undefined в объекте?

Question

[MishaXXL]

Как обычно описывают такой случай в интерфейсе для undefined?

cards: Cards = {}
card = this.cards[card_id] // Type 'undefined' cannot be used as an index type.

export interface Cards {
    [x: string]: AnyCard
}

interface AnyCard {
    id: string
    value: string
}

При попытке добавить undefined, все равно ругается

Property 'undefined' of type 'undefined' is not assignable to 'string' index type 'AnyCard'.

export interface Cards {
    [x: string]: AnyCard
    undefined: undefined
}

Answer 1

[Aetae]

Никак. Тип undefined не может быть ключом в принципе.
Из вариантов:
1. Убедиться что ключ не undefined руками:
card = card_id && this.cards[card_id];
2. Заставить ts думать, что ключ есть даже если его нет(и взять на себя ответственность за возможные ошибки):
card = this.cards[card_id!];
3. Явно привести к строке:
card = this.cards[String(card_id)];

Comments

[WbICHA]

Только второй пункт лучше всё же через as string, имхо, потому что намного заметнее, нежели одинокий восклицательный знак.