Typescript - 条件映射类型

Question

我想使用 Knockout observables 将一个普通的旧 Javascript 类型映射到一个等效的类型。

interface KnockoutObservableArray<T> { }
interface KnockoutObservable<T> { }

class CustomerDto {
    Name: string;
    PetLicenseNumbers: number[];
}

// manually mapped to Knockout-equivalent 
class CustomerDtoKo {
    Name: KnockoutObservable<string>;
    PetLicenseNumbers: KnockoutObservableArray<number>;
}

我正在尝试使用映射类型自动执行上述操作，但我做不到 找到有条件地将数组映射到KnockoutObservableArray<U> 的正确方法 同时将标量映射到KnockoutObservable<U>

type KnockoutType<T> = {
    //[K in keyof T] : KnockoutObservableArray<T[K][0]>
    [K in keyof T] : KnockoutObservable<T[K]>
}

type CustomerDtoKo2 = KnockoutType<CustomerDto>;
// gives
type CustomerDtoKo2 = {
    Name: KnockoutObservable<string>,
    PetLicenseNumbers: KnockoutObservable<number[]> // should be KnockoutObservableArray<number>
}

Answer 1

如您所愿，conditional types 将帮助您：

type KnockoutType<T> = {
    [K in keyof T]: T[K] extends Array<infer U> ? 
      KnockoutObservableArray<U> : KnockoutObservable<T[K]>
}

祝你好运！