TypeScript常用技巧

根据value获得key的类型

type S = {
    a: 1
    b: '2'
}

type Get<S, V> = { [k in keyof S]: S[k] extends V ? k : never }[keyof S]
type a = Get<S, 1>

对key限制为obj的属性名称

//把getProperty 参数key限制为interface X的key，且根据参数推断出返回值类型
interface X {
    a: number
    b: string
    c: number
}
function getProperty<T extends X, K extends keyof T>(obj: T, key: K) {
    return obj[key]
}

//注意这个返回值只能推断出 number|string
function getProperty(obj: X, key: keyof X) {
    return obj[key]
}

如何限制this的类型

// 限制getName的this类型
getName(this: Obj) {}

Object.keys返回的类型不对

const a = {
    b: 1,
    c: '2'
}

const keys = Object.keys(a) as Array<keyof typeof a>

根据一个对象，得到对象所有value

//现有 
const obj = {
    a: 1,
    b: 2,
    c: 3
}
//想要得到
type Obj = 1 | 2 | 3

//写法
const obj = {
    a: 1,
    b: 2,
    c: 3
} as const

type Obj = typeof obj[keyof typeof obj]

根据一个对象，得到对象所有value，不在同一层级

//现有
const a = {
    a: 1,
    b: 2,
    c: 3,
    x: {
        d: 4
    }
} as const
//想要得到
type Value = 1 | 2 | 3 | 4

//写法
const a = {
    a: 1,
    b: 2,
    c: 3,
    x: {
        d: 4
    }
} as const

type ObjVal<T> = {
    [K in keyof T]: T[K] extends object ? ObjVal<T[K]> : T[K]
}[keyof T]

type x = ObjVal<typeof a>

interface内部的key和value

//因群里没有满意的答案，然后把问题发到stackoverflow了
//答案采用自https://stackoverflow.com/questions/60295788/how-get-inner-key-value-from-a-interface
interface A {
    a: {
        name: string;
        age: number;
    };
    b: {
        w: boolean;
        h: symbol;
    };
}

//want
// type B = {
//     name: string;
//     age: number;
//     w: boolean;
//     h: symbol;
// };

//写法
type GetKeys<U> = U extends Record<infer K, any> ? K : never;
type UnionToIntersection<U> = {
    [K in GetKeys<U>]: U extends Record<K, infer T> ? T : never;
};
type Z = UnionToIntersection<A[keyof A]>;