Typy mapowane — TypeScript

Mapped types przechodzą po kluczach typu i budują nowy opis pól.

Cel lekcji

Poznać zagadnienie „Typy mapowane”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Możesz modyfikować opcjonalność lub typ każdej właściwości w jednym miejscu.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Po kompilacji i wykonaniu JavaScript

type Flags<T> = { [K in keyof T]: boolean };
type Fields = { name: string; age: number };
const changed: Flags<Fields> = { name: true, age: false };
console.log(changed.name);

Przeczytaj kod linijka po linijce

type Flags<T> = { [K in keyof T]: boolean };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
type Fields = { name: string; age: number };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const changed: Flags<Fields> = { name: true, age: false };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

true

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Zbuduj typ, w którym każde pole ma typ string.