Menu
Coddy logo textTech

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)
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

challenge icon

Görev

Kolay

Bir 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);
quiz iconKendini test et

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