Mapped ile üretim

Mapped types ile dize türü üretmeyi öğrenirsin.

Mapped ile üretim nedir?

Mapped type ile bir union üzerinde dönüp her üye için bir template literal değer üretebilirsin. [K in Union]: `veri_${K}` biçiminde her anahtar, kendi adını içeren bir dize türüne bağlanır. Bu, tür güvenli sözlük türleri üretmenin güçlü bir yoludur.

type Anahtar = "ad" | "yas";
type Deger = {
  [K in Anahtar]: `veri_${K}`;
};
// { ad: "veri_ad"; yas: "veri_yas" }

Key remapping ile anahtar üretimi

Mapped type'ta as anahtar kelimesi ile anahtarları yeniden adlandırabilirsin. [K in Kaynak as `get_${K}`] biçiminde, her kaynak anahtardan yeni bir template literal anahtar üretilir. Bu, getter/setter isimleri üretmek için idealdir.

type Kaynak = "ad" | "yas";
type Getir = {
  [K in Kaynak as `get_${K}`]: string;
};
// { get_ad: string; get_yas: string }

Uygulama Getter üreten mapped type

Kaynak adında union tanımla: "ad" | "yas". Getir adında mapped type tanımla: her K in Kaynak için [K in Kaynak as `get_${K}`]: string. g değişkeni Getir türünde ve değeri { get_ad: "Ali", get_yas: "30" } olsun. g.get_ad değerini console.log ile yazdır.

Örnek çözümü göster

type Kaynak = "ad" | "yas";
type Getir = {
  [K in Kaynak as `get_${K}`]: string;
};
const g: Getir = { get_ad: "Ali", get_yas: "30" };
console.log(g.get_ad);

Kendini test et

[K in Anahtar]: `veri_${K}` mapped type ne üretir?
- Tek bir birleşik dize
- Her anahtar için template literal değer
- Boş bir nesne türü
- Sayı dizisi
Cevabı göster

Her anahtar için template literal değer — Mapped type her anahtar için ayrı bir template literal değer üretir; sonuç her anahtarı kendi dize değerine bağlayan bir nesne türüdür.

Key remapping değişkeni

type Kaynak = "ad" | "yas";
type Getir = {
  [K in Kaynak as `get_${____}`]: string;
};

Cevabı göster

type Kaynak = "ad" | "yas";
type Getir = {
  [K in Kaynak as `get_${K}`]: string;
};

Mapped üretim kavramları

[K in Union]

Mapped döngüsü
as

Anahtar yeniden adlandırma
`get_${K}`

Şablon anahtar
K

Döngü değişkeni

Sıradaki ders: Özet - Template literal types

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler