Union ile kombinasyon

Union'larla dize kümeleri üretmeyi öğrenirsin.

Union ile kombinasyon

Bir template literal type içine union yerleştirildiğinde, TypeScript tüm kombinasyonları üretir. Bu, cartesian product (kartezyen çarpım) gibi çalışır. Her union üyesi şablona ayrı ayrı yerleştirilir ve sonuç yine bir union olur.

type Yan = "evet" | "hayır";
type Cumle = `Sonuç: ${Yan}`;
// "Sonuç: evet" | "Sonuç: hayır"

İki union ile cartesian product

İki union'ı aynı şablona koyarsan, her birinin tüm kombinasyonları üretilir. Örneğin renk ve boyut union'ları ${Renk}_${Boyut} şablonunda birleşince her renk her boyutla eşleşir. Bu, sabit seçenekli ad üretmek için pratik bir yöntemdir.

type Renk = "kırmızı" | "mavi";
type Boyut = "S" | "M";
type Urun = `${Renk}_${Boyut}`;
// 4 kombinasyon

Uygulama Renk ve Boyut kombinasyonu

Renk adında union tanımla: "kırmızı" | "mavi". Boyut adında union tanımla: "S" | "M". Urun adında template literal type tanımla: `${Renk}_${Boyut}`. urun değişkeni Urun türünde ve değeri "kırmızı_S" olsun. urun değerini console.log ile yazdır.

Örnek çözümü göster

type Renk = "kırmızı" | "mavi";
type Boyut = "S" | "M";
type Urun = `${Renk}_${Boyut}`;
const urun: Urun = "kırmızı_S";
console.log(urun);

Kendini test et

type Yan = "evet" | "hayır" ve type Cumle = `Sonuç: ${Yan}` ise Cumle ne olur?
- "Sonuç: evet" | "Sonuç: hayır"
- "Sonuç: evet"
- ("Sonuç: evet" | "Sonuç: hayır")[]
- string
Cevabı göster

"Sonuç: evet" | "Sonuç: hayır" — Union template literal içine konunca her üye için ayrı bir literal üretilir; sonuç tüm bu literal'ların union'ı olur.

Union operatörü

type Yan = "evet" ____ "hayır";
type Cumle = `Sonuç: ${Yan}`;

Cevabı göster

type Yan = "evet" | "hayır";
type Cumle = `Sonuç: ${Yan}`;

Union kombinasyon kavramları

|

Union operatörü
cartesian product

Tüm kombinasyonlar
${Yan}

Union şablona yerleşir
"evet" | "hayır"

İki üyeli union

Sıradaki ders: Mapped ile üretim

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler