Typoskript: Wie definiere ich Schnittstellen für verschachtelte Objekte?

Angenommen, ich habe eine JSON-Nutzlast, die in etwa Folgendes analysiert wird:

{
    name: "test",
    items: {
        "a": {
            id: 1,
            size: 10
        },
        "b": {
            id: 2,
            size: 34
        }
    }
}

Wie würde ich die Definition der Beispielschnittstelle einrichten, um zu modellieren, dass der Wert der Eigenschaft items ein Objekt ist, dessen Schlüssel Zeichenfolgen sind und dessen Werte von der Item-Schnittstelle definiert werden:

export interface Example {
    name: string;
    items: ???;

}

export interface Item {
    id: number;
    size: number;
}

Mit Typescript können Sie mithilfe der Syntax einen Typ für die Objektschlüssel hinzufügen [key: string].

Wie in der Dokumentation angegeben, werden diese als indexierbare Typen bezeichnet :

Indexierbare Typen haben eine Indexsignatur, die die Typen beschreibt, die zum Indizieren in das Objekt verwendet werden können, sowie die entsprechenden Rückgabetypen bei der Indizierung.

In Ihrem Fall würden Sie Folgendes verwenden:

export interface Item {
    id: number;
    size: number;
}

export interface Example {
    name: string;
    items: {
        [key: string]: Item
    };
}

Als Referenz finden Sie hier einen Link zu einem Live-Beispiel .