Arrays Genéricos

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 60 de 73.

Arrays e genéricos funcionam muito bem juntos no TypeScript. Quando você aprendeu sobre arrays tipados anteriormente, usou a sintaxe T[] para especificar que um array pode conter apenas elementos de um tipo específico. Os genéricos oferecem outra maneira de expressar esse mesmo conceito.

TypeScript fornece uma sintaxe alternativa para arrays tipados usando o formato Array<T>:

// Estas duas declarações são equivalentes:
let numbers1: number[] = [1, 2, 3];
let numbers2: Array<number> = [1, 2, 3];

A sintaxe Array<T> é particularmente útil ao trabalhar com funções genéricas que operam em arrays. Ela torna a natureza genérica do seu código mais explícita e legível, especialmente quando você está criando funções que podem trabalhar com arrays de qualquer tipo, preservando a segurança de tipos.

Desafio

Fácil

Crie uma função genérica chamada getFirstElement que receba um array de qualquer tipo e retorne o primeiro elemento ou undefined se o array estiver vazio.

A função deve:

Usar um parâmetro de tipo genérico T
Aceitar um parâmetro chamado arr do tipo Array<T>
Retornar o primeiro elemento do tipo T ou undefined
Ter uma anotação explícita de tipo de retorno T | undefined

Crie os seguintes arrays usando a sintaxe Array<T>:

stringArray do tipo Array<string> contendo ["apple", "banana", "cherry"]
numberArray do tipo Array<number> contendo [10, 20, 30, 40]
booleanArray do tipo Array<boolean> contendo [true, false, true]
emptyStringArray do tipo Array<string> que esteja vazio

Teste sua função e imprima as seguintes saídas:

Imprima o resultado da chamada de getFirstElement com stringArray
Imprima o resultado da chamada de getFirstElement com numberArray
Imprima o resultado da chamada de getFirstElement com booleanArray
Imprima o resultado da chamada de getFirstElement com emptyStringArray
Imprima o resultado da chamada de getFirstElement com um novo Array<string> contendo ["single"]

Experimente você mesmo

// TODO: Escreva seu código aqui
// Crie a função genérica getFirstElement

// Crie os arrays necessários usando a sintaxe Array&lt;T&gt;

// Teste a função e imprima os resultados