Typescript: как определить интерфейсы для вложенных объектов?

Предположим, у меня есть полезная нагрузка JSON, которая анализирует что-то вроде этого:

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

Как мне настроить определение интерфейса Example, чтобы смоделировать, что значение свойства items является объектом, ключи которого являются строками, а значения определяются интерфейсом Item:

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

}

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

Typescript позволяет добавлять тип для ключей объекта, используя синтаксис [key: string].

Как указано в документации, они называются индексируемыми типами :

Индексируемые типы имеют подпись индекса, которая описывает типы, которые мы можем использовать для индексации объекта, а также соответствующие типы возвращаемых данных при индексировании.

В вашем случае вы бы использовали следующее:

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

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

Для справки вот ссылка на живой пример .