Tuple kullanımı
- TypeScript kursu
- Başlangıç
- Ders 17/89
- 4 dk
Tuple oluşturup öğelerine erişmeyi öğrenirsin.
Tuple öğelerine erişim
Tuple öğelerine dizilerdeki gibi indeksle erişirsin: t[0] ilk öğeyi, t[1] ikinci öğeyi verir. TypeScript her indeksteki tam türü bilir; bu yüzden [string, number] tuple'ında t[0] string türündedir.
let p: [string, number] = ["x", 5];
console.log(p[0]); // "x"
console.log(p[1]); // 5İndeks türü doğru olduğundan derleyici ekstra dönüştürme istemez.
Tuple destructuring
Bir tuple'ı öğelerine ayrı değişkenlere çıkarmak için destructuring kullanırsın: let [a, b] = t. Bu, ilk öğeyi a'ya, ikinciyi b'ye atar. Her değişken, ilgili konumdaki türü alır.
let p: [string, number] = ["x", 5];
let [ad, yas] = p;
// ad: string, yas: numberDestructuring, tuple'ı tek satırda adlandırılmış değişkenlere açmanın kısa yoludur.
Uygulama Destructuring ile ad ve fiyat
urun adında bir tuple değişkeni tanımla; türü [string, number] ve değeri ["kalem", 15] olsun. Destructuring ile ad ve fiyat değişkenlerine ayır. ad değerini console.log ile yazdır.
Başlangıç kodu
// urun adında bir tuple tanımla
// birinci öğe string, ikinci öğe number
// değer olarak bir ürün adı ve bir fiyat gir
// urun'ü ad ve fiyat değişkenlerine ayır
// ad değişkenini yazdırÖrnek çözüm
let urun: [string, number] = ["kalem", 15];
let [ad, fiyat] = urun;
console.log(ad);Beklenen çıktı
kalem
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 <code>let p: [string, number] = ["x", 5]</code> tanımında <code>p[1]</code> ne döner?
- true
- 5 Doğru cevap
- undefined
- "x"
Açıklama: İkinci konum <code>number</code> türündedir ve değeri <code>5</code>'tir; <code>p[0]</code> ise <code>"x"</code> döner.
2 Tuple'ı destructuring ile ayır
let bilgi: [string, number] = ["saat", 12];
let [birim, deger] = ____;
let bilgi: [string, number] = ["saat", 12];
let [birim, deger] = bilgi;
Açıklama: Destructuring'in kaynağı tuple değişkeninin kendisidir; <code>bilgi[0]</code> yalnızca bir <code>string</code> verir ve iki değişkene açılamaz.
3 Erişim ve destructuring
| Kavram | Anlamı |
|---|---|
t[0] |
İlk öğeye eriş |
t[1] |
İkinci öğeye eriş |
let [a, b] = t |
Tuple'ı iki değişkene aç |
Destructuring |
Tuple öğelerini adlandırılmış değişkenlere ayır |