Tuple Destructuring
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 17 / 73.
Demet (tuple) öğelerine dizin (index) ile erişmek mükemmel bir şekilde çalışsa da, demetlerden değerleri çıkarmak için daha da zarif bir yol vardır: destructuring. Bu JavaScript özelliği, TypeScript'in türlendirilmiş demetleriyle sorunsuz bir şekilde çalışarak demet değerlerini tek bir satırda ayrı değişkenlere ayırmanıza olanak tanır.
Dizi ayrıştırma (array destructuring), demetteki (tuple) her bir 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 bunun bir sayı olduğunu bilir)
console.log(name); // "Alice" (TypeScript bunun bir dize olduğunu bilir)Görev
KolayBir sayı (çalışan kimliği) ve ardından bir dize (çalışan adı) tutan employee adında bir demet (tuple) oluşturun. Bunu 1001 kimliği ve "Sarah Johnson" adı ile başlatın.
employee demetindeki değerleri empId ve empName adında iki ayrı değişkene çıkarmak için yapı sökme (destructuring) kullanın.
Enlem ve boylam koordinatlarını temsil eden iki sayı tutan coordinates adında başka bir demet oluşturun. Bunu 40.7128 ve -74.0060 değerleriyle başlatın.
coordinates demetindeki değerleri latitude ve longitude adında iki ayrı değişkene çıkarmak için yapı sökme (destructuring) kullanın.
Yapı sökülen değişkenleri aşağıdaki sırayla, her biri ayrı bir satırda olacak şekilde 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ımlama