Generic Diziler

Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası. Ders 60 / 73.

Diziler ve jenerikler TypeScript'te birlikte harika çalışır. Daha önce türü belirtilmiş dizileri öğrenirken, bir dizinin yalnızca belirli bir türdeki öğeleri içerebileceğini belirtmek için T[] söz dizimini kullandın. Jenerikler, aynı kavramı ifade etmen için sana başka bir yol sunar.

TypeScript, tür belirtilmiş diziler için Array<T> biçimini kullanan alternatif bir söz dizimi sunar:

// Bu iki bildirim eşdeğerdir:
let numbers1: number[] = [1, 2, 3];
let numbers2: Array<number> = [1, 2, 3];

Array<T> sözdizimi, diziler üzerinde çalışan genel işlevlerle çalışırken özellikle kullanışlıdır. Kodunuzun genel niteliğini daha açık ve okunabilir hâle getirir; özellikle tür güvenliğini korurken her türden diziyle çalışabilen işlevler oluşturduğunuzda.

Görev

Kolay

Herhangi bir türden bir dizi alan ve dizinin boş olması durumunda ilk öğeyi veya undefined döndüren getFirstElement adlı genel bir işlev oluşturun.

İşlev şunları yapmalıdır:

Genel bir tür parametresi T kullanmalı
Array<T> türünde, arr adlı bir parametre kabul etmeli
T türündeki ilk öğeyi veya undefined döndürmeli
T | undefined şeklinde açık bir dönüş türü ek açıklamasına sahip olmalı

Array<T> söz dizimini kullanarak aşağıdaki dizileri oluşturun:

["apple", "banana", "cherry"] içeren Array<string> türündeki stringArray
[10, 20, 30, 40] içeren Array<number> türündeki numberArray
[true, false, true] içeren Array<boolean> türündeki booleanArray
Boş olan Array<string> türündeki emptyStringArray

İşlevinizi test edin ve aşağıdaki çıktıları yazdırın:

stringArray ile getFirstElement çağrısının sonucunu yazdırın
numberArray ile getFirstElement çağrısının sonucunu yazdırın
booleanArray ile getFirstElement çağrısının sonucunu yazdırın
emptyStringArray ile getFirstElement çağrısının sonucunu yazdırın
["single"] içeren yeni bir Array<string> ile getFirstElement çağrısının sonucunu yazdırın

Kendin dene

// TODO: Kodunuzu buraya yazın
// getFirstElement genel fonksiyonunu oluşturun

// Gerekli dizileri Array&lt;T&gt; sözdizimini kullanarak oluşturun

// Fonksiyonu test edin ve sonuçları yazdırın