Các loại được ánh xạ

Các loại được ánh xạ cho phép bạn tạo các loại mới bằng cách chuyển đổi từng thuộc tính của các loại hiện có. Chúng được xây dựng dựa trên cú pháp vòng lặp trên các khóa bằng toán tử keyof.

type Mapped<T> = {
  [P in keyof T]: T[P];
};

Ví dụ này hiển thị loại được ánh xạ giống hệt với loại ban đầu: nó lặp qua từng khóa P trong keyof T và gán cùng loại T[P].

Công cụ sửa đổi khả năng thay đổi và tùy chọn

Chúng tôi có thể thêm hoặc xóa các công cụ sửa đổi như readonly và ? (tùy chọn) bằng cách đặt trước chúng + (thêm, mặc định) hoặc - (xóa).

Ví dụ: để loại bỏ tính tùy chọn khỏi tất cả các thuộc tính của một loại (làm cho chúng trở thành bắt buộc):

type Concrete<T> = {
  [P in keyof T]-?: T[P];
};

Công cụ sửa đổi -? sẽ xóa cờ tùy chọn khỏi mỗi thuộc tính.

Ánh xạ lại khóa bằng as

Trong TypeScript 4.1+, bạn có thể ánh xạ lại các khóa trong loại được ánh xạ bằng cách sử dụng mệnh đề as và các loại chữ mẫu.

type WriteSetters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
};

Ở đây, chúng tôi sẽ đổi tên của từng thuộc tính K thành set[CapitalizedKey] và sửa đổi loại của nó thành hàm setter.

Hãy tự mình thử

Bài tập 1: Làm cho các thuộc tính có thể rỗng

Bài tập 2: Tạo Dynamic Getters với as