Praca z tablicami i krotkami TypeScript

TypeScript rozszerza JavaScript o dodatkowe funkcje typu, ułatwiając pracę ze złożonymi strukturami danych, takimi jak tablice i krotki. Ten przewodnik zapozna Cię z tablicami i krotkami w TypeScript, w tym z tym, jak je definiować, manipulować nimi i skutecznie ich używać.

Tablice TypeScript

Tablice w TypeScript są podobne do tablic w JavaScript, ale mają dodatkową zaletę w postaci adnotacji typu. Zapewnia to, że wszystkie elementy w tablicy są zgodne z określonym typem.

Definiowanie tablic

Aby zdefiniować tablicę w TypeScript, należy określić typ jej elementów, a następnie za pomocą []:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

W tym przykładzie numbers to tablica number, a names to tablica string.

Metody tablicowe

Tablice TypeScript obsługują różne metody podobne do tablic JavaScript. Oto kilka typowych metod:

• push(): Dodaje element na końcu tablicy.
• pop(): Usuwa ostatni element tablicy.
• shift(): Usuwa pierwszy element tablicy.
• unshift(): Dodaje element na początku tablicy.
• map(): Tworzy nową tablicę poprzez zastosowanie funkcji do każdego elementu.

Przykład tablicy

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

Krotki TypeScript

Krotki to specjalny typ tablicy w TypeScript, w którym każdy element może mieć inny typ. Krotki są przydatne, gdy trzeba pracować z ustaloną liczbą elementów o różnych typach.

Definiowanie krotek

Aby zdefiniować krotkę, użyj nawiasów kwadratowych [] z określonymi typami dla każdego elementu:

let person: [string, number] = ["Alice", 30];

W tym przykładzie person to krotka, której pierwszym elementem jest string, a drugim elementem jest number.

Dostęp do elementów krotki

Dostęp do elementów krotki można uzyskać za pomocą ich indeksu, podobnie jak w przypadku tablic:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Krotka z elementami opcjonalnymi

Krotki mogą również zawierać elementy opcjonalne:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

W tym przykładzie drugi element krotki jest opcjonalny.

Wniosek

Tablice i krotki TypeScript oferują potężne sposoby obsługi zbiorów danych z silnym bezpieczeństwem typu. Rozumiejąc, jak definiować, manipulować i używać tablic i krotek, możesz pisać bardziej wytrzymały i łatwy w utrzymaniu kod. Używaj tablic dla list jednorodnych danych, a krotek dla zbiorów o stałym rozmiarze z heterogenicznymi danymi.