Ketikan: Bagaimana cara saya mendefinisikan antarmuka untuk objek bersarang?

Asumsikan saya memiliki payload JSON yang diurai menjadi seperti ini:

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

Bagaimana saya mengatur definisi antarmuka Contoh untuk memodelkan bahwa nilai properti item adalah objek yang kuncinya adalah string dan nilainya ditentukan oleh antarmuka Item:

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

}

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

Ketikan memungkinkan Anda menambahkan tipe untuk kunci objek menggunakan sintaks [key: string].

Seperti yang dinyatakan dalam dokumentasi, ini disebut tipe yang dapat diindeks :

Tipe yang dapat diindeks memiliki tanda tangan indeks yang menjelaskan tipe yang dapat kita gunakan untuk mengindeks objek, bersama dengan tipe kembalian yang sesuai saat mengindeks.

Dalam kasus Anda, Anda akan menggunakan yang berikut:

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

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

Untuk referensi, berikut ini tautan ke contoh langsung .