Tablice generyczne

Część sekcji Wprowadzenie do TypeScript ścieżki JavaScript w Coddy. Lekcja 60 z 73.

Tablice i typy generyczne świetnie ze sobą współpracują w TypeScript. Wcześniej, gdy poznawałeś typowane tablice, używałeś składni T[], aby określić, że tablica może zawierać wyłącznie elementy określonego typu. Typy generyczne dają Ci inny sposób wyrażenia tej samej koncepcji.

TypeScript udostępnia alternatywną składnię tablic typowanych w formacie Array<T>:

// These two declarations are equivalent:
let numbers1: number[] = [1, 2, 3];
let numbers2: Array<number> = [1, 2, 3];

Składnia Array<T> jest szczególnie przydatna podczas pracy z funkcjami generycznymi, które operują na tablicach. Dzięki niej generyczny charakter kodu jest bardziej wyraźny i czytelny, zwłaszcza gdy tworzysz funkcje, które mogą działać na tablicach dowolnego typu, zachowując bezpieczeństwo typów.

Wyzwanie

Łatwy

Utwórz funkcję generyczną o nazwie getFirstElement, która przyjmuje tablicę dowolnego typu i zwraca pierwszy element lub undefined, jeśli tablica jest pusta.

Funkcja powinna:

Używać generycznego parametru typu T
Przyjmować jeden parametr o nazwie arr typu Array<T>
Zwracać pierwszy element typu T lub undefined
Mieć jawnie określony typ zwracany T | undefined

Utwórz następujące tablice, używając składni Array<T>:

stringArray typu Array<string>, zawierającą ["apple", "banana", "cherry"]
numberArray typu Array<number>, zawierającą [10, 20, 30, 40]
booleanArray typu Array<boolean>, zawierającą [true, false, true]
emptyStringArray typu Array<string>, która jest pusta

Przetestuj funkcję i wyświetl następujące wyniki:

Wyświetl wynik wywołania getFirstElement z stringArray
Wyświetl wynik wywołania getFirstElement z numberArray
Wyświetl wynik wywołania getFirstElement z booleanArray
Wyświetl wynik wywołania getFirstElement z emptyStringArray
Wyświetl wynik wywołania getFirstElement z nową tablicą Array<string> zawierającą ["single"]

Spróbuj swoich sił

// TODO: Napisz tutaj swój kod
// Utwórz funkcję generyczną getFirstElement

// Utwórz wymagane tablice, używając składni Array<T>

// Przetestuj funkcję i wypisz wyniki