typescript_映射类型_详细

1. 映射类型
可以将某个类型接口的类型,进行拷贝,拷贝时,可以做一些转换

interface Obj {
    a : string ;
    b : number ;
    c : boolean ;
};

1.1 将接口所有类型映射为只读属性接口

// 将接口所有类型映射为只读属性接口
/*
type ReadonlyObj = {     readonly a: string;     readonly b: number;     readonly c: boolean; }
 */
type ReadonlyObj = Readonly<Obj>;

1.2 将所有接口映射为可选属性接口

// 将所有接口映射为可选属性接口
/*
type PartialObj = {     a?: string;     b?: number;     c?: boolean; }
 */
type PartialObj = Partial<Obj>;

1.3 映射接口的部分属性

// 映射接口的部分属性
/*
type PickObj = {     a: string;     b: number; }
 */
type PickObj = Pick<Obj , "a" | "b">;

1.3 映射时,预订新的接口

// 映射接口时, 预订新的接口
/*
type RecordObj = {     x: Obj;     y: Obj; }
 */
type RecordObj = Record<"x" | "y", Obj>;