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) üzerinden erişmek mükemmel bir şekilde çalışsa da, demetlerden değerleri çıkarmak için daha da zarif bir yol vardır: destructuring (yapı sökme). Bu JavaScript özelliği, TypeScript'in türlendirilmiş demetleri ile sorunsuz bir şekilde çalışarak demet değerlerini tek bir satırda ayrı değişkenlere ayırmanıza olanak tanır.
Dizi parçalama (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)Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
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ıyla 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.
location demetindeki değerleri latitude ve longitude adında iki ayrı değişkene çıkarmak için yapı sökme (destructuring) kullanın.
Yapısı sökülen değişkenleri her biri ayrı bir satırda olacak şekilde aşağıdaki sırayla 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
Kopya kağıdı
Parçalara ayırma (destructuring), köşeli parantez kullanarak tek bir satırda demetlerden (tuples) değerleri ayrı değişkenlere çıkarmanıza olanak tanı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)TypeScript, demetin tür tanımına bağlı olarak parçalara ayrılmış her bir değişken için tür bilgisini korur.
Kendin dene
// YAPILACAK: Kodunuzu buraya yazın
// 1001 ID'li ve "Sarah Johnson" isimli çalışan demetini (tuple) oluşturun
// empId ve empName değerlerini çıkarmak için yapı sökme (destructuring) kullanın
// 40.7128 ve -74.0060 değerlerine sahip koordinat demetini oluşturun (değişken adı olarak 'location' kullanmaktan kaçının)
// latitude ve longitude değerlerini çıkarmak için yapı sökme (destructuring) kullanın
// Dört değişkenin tümünü belirtilen sırayla yazdırın
// Sonuçları yazdırın (gerektiğinde yorum satırını kaldırın ve 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