interface AgeMap {
[name: string]: number
}
const friendsAges: AgeMap = {
"Sandy": 34,
"Joe": 28,
"Sarah": 30,
"Michelle": "fifty", // ERROR! Type 'string' is not assignable to type 'number'.
};
Hier AgeMap
erzwingt die Schnittstelle Schlüssel als Zeichenfolgen und Werte als Zahlen. Das Schlüsselwort name
kann eine beliebige Kennung sein und sollte verwendet werden, um die Syntax Ihrer Schnittstelle / Ihres Typs vorzuschlagen.
Sie können eine ähnliche Syntax verwenden, um zu erzwingen, dass ein Objekt für jeden Eintrag in einem Unionstyp einen Schlüssel hat:
type DayOfTheWeek = "sunday" | "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday";
type ChoresMap = { [day in DayOfTheWeek]: string };
const chores: ChoresMap = { // ERROR! Property 'saturday' is missing in type '...'
"sunday": "do the dishes",
"monday": "walk the dog",
"tuesday": "water the plants",
"wednesday": "take out the trash",
"thursday": "clean your room",
"friday": "mow the lawn",
};
Sie können dies natürlich auch zu einem generischen Typ machen!
type DayOfTheWeek = "sunday" | "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday";
type DayOfTheWeekMap<T> = { [day in DayOfTheWeek]: T };
const chores: DayOfTheWeekMap<string> = {
"sunday": "do the dishes",
"monday": "walk the dog",
"tuesday": "water the plants",
"wednesday": "take out the trash",
"thursday": "clean your room",
"friday": "mow the lawn",
"saturday": "relax",
};
const workDays: DayOfTheWeekMap<boolean> = {
"sunday": false,
"monday": true,
"tuesday": true,
"wednesday": true,
"thursday": true,
"friday": true,
"saturday": false,
};
10.10.2018 Update:
Schauen Sie sich die Antwort von @ dracstaxi unten an - es gibt jetzt einen integrierten Typ, Record
der das meiste für Sie erledigt.
1.2.2020 Update:
Ich habe die vorgefertigten Mapping-Schnittstellen vollständig aus meiner Antwort entfernt. @ dracstaxis Antwort macht sie völlig irrelevant. Wenn Sie sie weiterhin verwenden möchten, überprüfen Sie den Bearbeitungsverlauf.