Tuple Destructuring
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası. Ders 17 / 73.
Tuple öğelerine dizinle erişmek mükemmel şekilde işe yarasa da tuple’lardan değerleri çıkarmanın daha zarif bir yolu vardır: destructuring. Bu JavaScript özelliği, TypeScript’in tür belirtilmiş tuple’larıyla sorunsuzca çalışarak tuple değerlerini tek bir satırda ayrı değişkenlere açmanıza olanak tanır.
Dizi yapılandırma açma, demetteki her konuma karşılık gelen yeni değişkenler oluşturmak için bir atamanın sol tarafında köşeli parantezler kullanır:
let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;
console.log(id); // 42 (TypeScript knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)Görev
Kolayemployee adlı, bir sayı (çalışan kimliği) ve ardından bir dize (çalışan adı) içeren bir demet oluşturun. Bu demeti 1001 kimliği ve "Sarah Johnson" adıyla başlatın.
employee demetindeki değerleri, empId ve empName adlı iki ayrı değişkene çıkarmak için yapı bozmayı kullanın.
Enlem ve boylam koordinatlarını temsil eden iki sayı içeren coordinates adlı başka bir demet oluşturun. Bu demeti 40.7128 ve -74.0060 değerleriyle başlatın.
coordinates demetindeki değerleri, latitude ve longitude adlı iki ayrı değişkene çıkarmak için yapı bozmayı kullanın.
Yapısı bozulan değişkenleri aşağıdaki sırayla, her birini ayrı bir satırda yazdırın:
- Çalışan kimliğini yazdırın
- Çalışan adını yazdırın
- Enlemi yazdırın
- Boylamı yazdırın
Kendin dene
// TODO: Kodunuzu buraya yazın
// ID 1001 ve isim "Sarah Johnson" olan employee demetini (tuple) oluşturun
// empId ve empName değerlerini çıkarmak için destructuring kullanın
// 40.7128 ve -74.0060 değerlerine sahip coordinates demetini (tuple) oluşturun (değişken adı olarak 'location' kullanmaktan kaçının)
// latitude ve longitude değerlerini çıkarmak için destructuring kullanın
// Dört değişkenin tümünü belirtilen sırayla yazdırın
// Sonuçları yazdırın (yorum satırını kaldırın ve gerektiği gibi düzenleyin)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);Bu 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ımlamaKendi başına pratik yap: Online JavaScript derleyicisi