Generic Diziler

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

Diziler ve generic'ler TypeScript'te harika bir şekilde birlikte çalışır. Daha önce türü belirtilmiş diziler hakkında bilgi edindiğinizde, bir dizinin yalnızca belirli bir türdeki öğeleri içerebileceğini belirtmek için T[] söz dizimini kullanmıştınız. Generic'ler size aynı kavramı ifade etmenin başka bir yolunu sunar.

TypeScript, yazılan diziler (typed arrays) için Array<T> formatını kullanan alternatif bir sözdizimi sağlar:

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

Array<T> söz dizimi, diziler üzerinde işlem yapan jenerik fonksiyonlarla çalışırken özellikle yararlıdır. Özellikle tür güvenliğini korurken herhangi bir türdeki dizilerle çalışabilen fonksiyonlar oluştururken, kodunuzun jenerik doğasını daha belirgin ve okunabilir hale getirir.

Kendini test et

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

Kendini test et

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

Kendini test et

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

Görev

Kolay

Herhangi bir türde bir dizi alan ve ilk öğeyi veya dizi boşsa undefined değerini döndüren getFirstElement adında genel (generic) bir fonksiyon oluşturun.

Fonksiyon şunları yapmalıdır:

Genel bir tür parametresi olan T kullanmalıdır
Array<T> türünde arr adında bir parametre kabul etmelidir
T türünde ilk öğeyi veya undefined döndürmelidir
T | undefined şeklinde açık bir dönüş türü belirtecine sahip olmalıdır

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

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

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

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

Kopya kağıdı

TypeScript, tipli diziler için iki eşdeğer söz dizimi sağlar:

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

Array<T> söz dizimi, diziler üzerinde çalışan jenerik fonksiyonlarla çalışırken özellikle yararlıdır; tip güvenliğini korurken kodunuzun jenerik doğasını daha açık ve okunabilir hale getirir.

Kendin dene

// YAPILACAK: Kodunuzu buraya yazın
// getFirstElement genel (generic) fonksiyonunu oluşturun

// Array<T> sözdizimini kullanarak gerekli dizileri oluşturun

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

Kendini test et

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