Tuple Tanımlama ve Erişme
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 16 / 73.
Bir demet (tuple) oluşturma sözdizimi oldukça açıktır: her bir öğenin türünü, tam olarak görünmeleri gereken sırayla köşeli parantez içinde belirtirsiniz.
Bir demet (tuple) bildirmek için, her türün belirli bir konuma karşılık geldiği [Type1, Type2, Type3] formatını kullanırsınız:
let productInfo: [string, number] = ["Laptop", 999];
let coordinates: [number, number] = [10, 20];
let userRecord: [number, string, boolean] = [1, "Alice", true];Demet (tuple) öğelerine erişmek, dizin notasyonu kullanarak dizi öğelerine erişmekle tam olarak aynı şekilde çalışır. TypeScript her konumdaki tam türü bilir, bu nedenle tam tür güvenliği elde edersiniz:
let product: [string, number] = ["Phone", 599];
console.log(product[0]); // "Phone" (TypeScript bunun bir string olduğunu bilir)
console.log(product[1]); // 599 (TypeScript bunun bir sayı olduğunu bilir)Temel avantaj, TypeScript'in hem doğru türü hem de doğru konumu zorunlu kılmasıdır. Eğer product[0].toFixed() ifadesine erişmeye çalışırsanız, TypeScript ilk öğenin bir sayı değil, bir dize olduğunu bildiği için hatayı yakalayacaktır.
Görev
KolayBir dize (ürün adı) ve ardından bir sayı (fiyat) tutan productInfo adında bir demet (tuple) oluşturun. Bunu "Gaming Mouse" ürün adı ve 79 fiyatı ile başlatın.
Ardından x ve y konumlarını temsil eden iki sayı tutan coordinates adında başka bir demet (tuple) oluşturun. Bunu 15 ve 25 değerleriyle başlatın.
productInfo demetinden ürün adına erişin ve yazdırın.
productInfo demetinden fiyatı erişin ve yazdırın.
coordinates demetinden x koordinatına erişin ve yazdırın.
coordinates demetinden y koordinatına erişin ve yazdırın.
Her bir değeri yukarıda belirtilen sırayla ayrı bir satıra yazdırın.
Kendin dene
// YAPILACAK: Kodunuzu buraya yazın
// Ürün adı ve fiyatını içeren productInfo demetini (tuple) oluşturun
// x ve y konumlarını içeren coordinates demetini (tuple) oluşturun
// Belirtildiği gibi her bir değere erişin ve yazdırınBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
TypeScript'e Giriş bölümündeki tüm dersler
1TS ile Başlarken
TypeScript Nedir?Neden TypeScript Kullanılır?İlk TypeScript KodunuzDerleme Süreci ve HatalarÖzet: TS'ye Giriş4Fonksiyonlarla Çalışmak
Parametre ve Dönüş Değerlerini TiplendirmeArrow Fonksiyonlarını Tiplendirme'void' Dönüş Tipi'?' ile Opsiyonel ParametrelerVarsayılan Parametre DeğerleriRest Parametrelerini TiplendirmeFonksiyon Tiplerini TanımlamaÖzet: Tiplendirilmiş Fonksiyonlar Oluşturma2Temel Tipler
Temel Tipler: str, num, boolean'any' Tipi: Kaçış Yolu'unknown' Tipi'null' ve 'undef' ile ÇalışmakTip Çıkarımı İş BaşındaAçık Tip BelirlemeleriÖzet: Temel Tipler Pratiği5Tipler: Takma Adlar, Unionlar ve Kesişimler
İlkel Tipler için Tip Takma AdlarıUnion Tipler ('|')Union Tipler ile ÇalışmakLiteral TiplerKesişim Tipleri ('&')Tip Takma Adlarını BirleştirmeÖzet: Gelişmiş Tip Kombinasyonları3Veri Yapısı: Diziler ve Tuple
Tipli DizilerDiziler için 'readonly' BelirleyicisiTuple Nedir?Tuple Tanımlama ve ErişmeTuple DestructuringReadonly Tuple'larÇok Boyutlu Tipli DizilerDizilerle Spread OperatörüÖzet: Diziler ve Tuple'lar6Nesneleri ve Interface'leri Tiplendirme
Satır İçi Nesne Tipi BelirtimleriNesneler için Type Alias KullanımıInterface'lere GirişInterface'ler ve Type Alias'ların KarşılaştırılmasıOpsiyonel ve Readonly ÖzelliklerInterface ve Tipleri GenişletmeInterface'lere Metot EklemeÖzet: Nesne Yapılarını Tanımlama