Özet: Diziler ve Tuple'lar
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 21 / 73.
Görev
KolayBir öğeyi (ad ve miktar) temsil eden [string, number] türünde bir demet (tuple) ve mevcut alışveriş listesini temsil eden bir dize dizisi alan addToShoppingList adında bir fonksiyon oluşturun.
Fonksiyon, öğe adını demetten çıkarmalı ve alışveriş listesi dizisine eklemelidir. Fonksiyon, güncellenmiş alışveriş listesini (orijinal diziyi değiştirmeden) yeni bir dizi olarak döndürmelidir.
Fonksiyonunuzu aşağıdaki verilerle test edin:
"apples"ve5değerlerine sahipgroceryItemadında bir demet oluşturun["bread", "milk", "eggs"]değerlerine sahipcurrentListadında bir dizi oluşturun- Fonksiyonunuzu bu parametrelerle çağırın ve sonucu
updatedListadında bir değişkende saklayın
Güncellenmiş alışveriş listesini konsola yazdırın.
Ardından fonksiyonu şununla tekrar test edin:
"cookies"ve2değerlerine sahipbakeryItemadında başka bir demet oluşturun- Önceki adımdaki
updatedList'i ve yenibakeryItem'ı kullanarak fonksiyonunuzu çağırın - Bu sonucu
finalListadında bir değişkende saklayın
Nihai alışveriş listesini konsola yazdırın.
Kendin dene
// TODO: Kodunuzu buraya yazın
// Parametre olarak bir demet (tuple) ve bir dizi (array) alan addToShoppingList fonksiyonunu oluşturun
// Test verisi
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];
// TODO: Fonksiyonunuzu çağırın ve sonucu updatedList değişkeninde saklayın
// TODO: Güncellenmiş alışveriş listesini yazdırın
// İkinci test
const bakeryItem: [string, number] = ["cookies", 2];
// TODO: updatedList ve bakeryItem kullanarak fonksiyonunuzu tekrar çağırın, sonucu finalList değişkeninde saklayın
// TODO: Nihai alışveriş listesini yazdırınTypeScript'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