CodeBlanks Logo Icon CodeBlanks

Tuple kullanımı

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: number

Destructuring, 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

index.ts
// 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

index.ts
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

Soru
let bilgi: [string, number] = ["saat", 12];
let [birim, deger] = ____;
Cevap
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

Başlangıç bölümündeki tüm dersler