TypeScriptTypy podstawowe
Krotki (tuple)
Tablice o stałej długości, w których każda pozycja ma własny typ.
Przykład
#TypeScript
function minMax(values: number[]): [number, number] {
return [Math.min(...values), Math.max(...values)]
}
const [lowest, highest] = minMax([72, 95, 64, 88])
console.log(lowest, highest)Wynik
64 95
Definicja i zastosowanie
#Krotka to tablica z określoną liczbą elementów i znanym typem na każdej pozycji. Zapis [string, number] oznacza: pierwszy element to napis, drugi to liczba, i nic więcej.
Krotki świetnie nadają się do zwracania kilku wartości z funkcji, na przykład pary współrzędnych albo wyniku useState w React, który zwraca [wartość, funkcja].
Pozycje można nazwać dla czytelności ([name: string, points: number]) i oznaczyć jako opcjonalne znakiem zapytania. Nazwy nie zmieniają działania, ale pojawiają się w podpowiedziach edytora.
Składnia
#Składnia
let para: [string, number] = ["Ania", 120]Więcej przykładów
#TypeScript
type Score = [name: string, points: number]
const ania: Score = ['Ania', 120]
const wrong: Score = ['Kuba', 90, true]
// Błąd: Source has 3 element(s) but target allows only 2.Dobre praktyki
#- Gdy krotka ma więcej niż 2–3 pozycje, lepiej zwrócić obiekt z nazwanymi polami.
- Destrukturyzacja
const [a, b] = ...to najwygodniejszy sposób odczytu krotki.
Powiązane hasła
#- Tablice: number[] i Array<T>Typy tablic, w których wszystkie elementy mają ten sam typ.
- Typy funkcjiTypowanie parametrów, wartości zwracanej i samych funkcji jako wartości.
- Typy obiektówOpis kształtu obiektu: jakie ma pola i jakiego typu.
- as constZamraża literały w wyrażeniu: najwęższe typy i pola tylko do odczytu.
Widzisz błąd albo brakuje przykładu? Napisz do nas.