Tablice i krotki

Witamy na kolejnej lekcji! W tej lekcji poznamy sposoby pracy z tablicami i krotkami w TypeScript. Struktury te pozwalają przechowywać wiele wartości w uporządkowany sposób. Zaczynajmy!

Czym są tablice?

Tablica to zbiór elementów przechowywanych w jednej zmiennej. W TypeScript można określić typ elementów tablicy. Przykład:

Zadanie: Proszę utworzyć tablicę ulubionych liczb i wyświetlić ją w konsoli.

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

Dostęp do elementów tablicy

Do elementów tablicy można uzyskać dostęp za pomocą ich indeksu. Proszę pamiętać, że indeksy tablic zaczynają się od 0:

Zadanie: Proszę spróbować uzyskać dostęp do różnych elementów tablicy i wyświetlić je w konsoli.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Typowe metody tablic

Tablice w TypeScript mają wiele przydatnych metod. Oto kilka przykładów:

• push: Dodaje element na końcu tablicy.
• pop: Usuwa ostatni element tablicy.
• length: Zwraca liczbę elementów tablicy.

Przykład:

Zadanie: Proszę poeksperymentować z metodami tablic, takimi jak push i pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

Czym są krotki?

Krotka to tablica o stałej długości, w której każdy element może mieć inny typ. Krotki są przydatne do grupowania powiązanych danych różnych typów. Przykład:

Zadanie: Proszę utworzyć krotkę reprezentującą ucznia, zawierającą jego imię i wiek.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Praca z krotkami

Podobnie jak tablice, krotki obsługują indeksowanie i metody. Ich struktura jest jednak stała, dlatego nie można dodawać dodatkowych elementów bez modyfikowania typu krotki. Przykład:

Zadanie: Proszę zdefiniować krotkę reprezentującą punkt w przestrzeni 2D i wyświetlić jej wartości.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Używanie tablic krotek

Można utworzyć tablicę krotek, aby przechowywać wiele powiązanych wpisów danych. Przykład:

Zadanie: Proszę utworzyć tablicę krotek do przechowywania imion i wieku znajomych.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Typowe błędy

Oto kilka typowych błędów podczas pracy z tablicami i krotkami:

• Uzyskiwanie dostępu do elementów poza zakresem tablicy (wynikiem jest undefined).
• Używanie danych niewłaściwego typu w tablicach lub krotkach (powoduje błędy w TypeScript).
• Próba zmiany struktury krotki bez zaktualizowania jej typu.

Wskazówka: Zawsze jawnie określaj typy, aby uniknąć nieoczekiwanego działania!

Świetna robota!

Gratulacje! Nauczyli się Państwo, jak używać tablic i krotek w TypeScript do przechowywania kolekcji danych i zarządzania nimi. Są to niezbędne narzędzia do obsługi ustrukturyzowanych informacji w programach. W następnej lekcji omówimy typy unii i przecięcia, aby radzić sobie z bardziej złożonymi scenariuszami. Kodujmy dalej!