Tablice i krotki — TypeScript

Możesz określić typ elementów tablicy i strukturę krotki.

Jak to działa?

string[] oznacza tablicę napisów. Krotka (tuple) określa typ i pozycję każdego elementu, np. [string, number].

Przykład 1 — poznaj zapis

const names: string[] = ["Ola", "Jan"];
const player: [string, number] = ["Ala", 80];

console.log(player[1]);

W krotce pierwsza pozycja ma typ string, a druga number.

Przeczytaj kod linijka po linijce

const names: string[] = ["Ola", "Jan"];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const player: [string, number] = ["Ala", 80];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(player[1]);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

const colors: string[] = ["red", "blue"];
console.log(colors.length);

Wynik drugiego przykładupo uruchomieniu przykładu

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Utwórz krotkę [number, boolean].