Array generici

Fa parte della sezione Introduzione a TypeScript del percorso JavaScript di Coddy. Lezione 60 di 73.

Gli array e i generics funzionano benissimo insieme in TypeScript. Quando hai imparato a conoscere gli array tipizzati in precedenza, hai usato la sintassi T[] per specificare che un array può contenere solo elementi di un tipo specifico. I generics ti offrono un altro modo per esprimere lo stesso concetto.

TypeScript fornisce una sintassi alternativa per gli array tipizzati, usando il formato Array<T>:

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

La sintassi Array<T> è particolarmente utile quando lavori con funzioni generiche che operano su array. Rende più esplicita e leggibile la natura generica del tuo codice, soprattutto quando crei funzioni che possono lavorare con array di qualsiasi tipo preservando la sicurezza dei tipi.

Sfida

Facile

Crea una funzione generica chiamata getFirstElement che accetta un array di qualsiasi tipo e restituisce il primo elemento oppure undefined se l'array è vuoto.

La funzione deve:

Usare un parametro di tipo generico T
Accettare un parametro chiamato arr di tipo Array<T>
Restituire il primo elemento di tipo T oppure undefined
Avere un'annotazione esplicita del tipo restituito T | undefined

Crea i seguenti array usando la sintassi Array<T>:

stringArray di tipo Array<string> contenente ["apple", "banana", "cherry"]
numberArray di tipo Array<number> contenente [10, 20, 30, 40]
booleanArray di tipo Array<boolean> contenente [true, false, true]
emptyStringArray di tipo Array<string> che sia vuoto

Verifica la funzione e stampa i seguenti risultati:

Stampa il risultato della chiamata a getFirstElement con stringArray
Stampa il risultato della chiamata a getFirstElement con numberArray
Stampa il risultato della chiamata a getFirstElement con booleanArray
Stampa il risultato della chiamata a getFirstElement con emptyStringArray
Stampa il risultato della chiamata a getFirstElement con un nuovo Array<string> contenente ["single"]

Provalo tu

// TODO: Scrivi qui il tuo codice
// Crea la funzione generica getFirstElement

// Crea gli array richiesti usando la sintassi Array<T>

// Testa la funzione e stampa i risultati