Question

我有这个AjaxResponse接口：

interface AjaxResponse {
    calendar: {
        dates: {
            date: string,
            hours: {
                hour: string,
                id: number,
                status: string,
                client: {
                    name: string,
                    surname: string,
                    email: string,
                    phone: string,
                    id: number
                }
            }[]
        }[]
    },
    rights: string,
    listenerUrl: string
}

我将遍历日期列表并编辑其中一些内容：

let dates: AjaxResponse['calendar']['dates']
let i: number
let l: number

    receive(response: AjaxResponse) {
                dates = response.calendar.dates
                l = dates.length
                for (i; i < l; i++) {
                    calendar.editDates(dates[i])
                }

编辑日期功能如下：

editDates(newDate: AjaxResponse['calendar']['dates']) {
    }

dates[i]无法编译，因为我的最后一个函数需要一个数组。如何在上一个函数中声明一个日期而不是日期列表？

编辑：通过创建两个接口找到了一个可行的解决方案：

interface AjaxResponse {
    calendar: {
        dates: AjaxResponseDate[]
    },
    rights: string,
    listenerUrl: string
}

interface AjaxResponseDate {
    date: string,
    hours: {
        hour: string,
        id: number,
        status: string,
        client: {
            name: string,
            surname: string,
            email: string,
            phone: string,
            id: number
        }
    }
}

Answer 1

要获取数组中项目的类型，可以通过number使用类型查询：

function editDates(newDate: AjaxResponse['calendar']['dates'][number]) {
}

具有t接口的解决方案也是可行的，但是如果需要，可以保留一个类型。

在打字稿中声明数组索引

1 个答案: