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