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.

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)
challenge icon

Görev

Kolay

employee 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);
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

Kendi başına pratik yap: Online JavaScript derleyicisi