Maszynopis: Jak zdefiniować interfejsy dla obiektów zagnieżdżonych?

Załóżmy, że mam ładunek JSON, który analizuje na coś takiego:

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

Jak skonfigurować definicję interfejsu Przykład, aby modelować, że wartość właściwości items jest obiektem, którego klucze są ciągami znaków i którego wartości są definiowane przez interfejs Item:

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

}

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

Typescript umożliwia dodanie typu kluczy obiektów przy użyciu składni [key: string].

Jak stwierdzono w dokumentacji, są to nazywane typy indeksowalne :

Typy indeksowalne mają sygnaturę indeksu, która opisuje typy, których możemy użyć do indeksowania obiektu, wraz z odpowiednimi typami zwracanymi podczas indeksowania.

W twoim przypadku użyłbyś:

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

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

Dla odniesienia, oto link do przykładu na żywo .