Struktura danych, która przechowuje grupę elementów tego samego typu w sąsiednim bloku pamięci, jest znana jako „ szyk ”. Tablice są również obsługiwane jako typ danych w TypeScript, ponieważ jest to nadzbiór języka JavaScript. Jest bardziej bezpieczny pod względem typów niż JavaScript, ponieważ pozwala programistom określić typ elementów, które mogą być przechowywane w tablicy. Tablice mogą być wykorzystywane w ten sposób do tworzenia łatwego do utrzymania kodu.
Ten samouczek zademonstruje typ tablicy w TypeScript i sposób jego użycia.
Co to jest typ tablicy w TypeScript i jak można go używać?
“ Szyk ” to struktura danych w TypeScript podobna do JavaScript z zaawansowaną funkcją określania typu tablicy. Może być używany do przechowywania i manipulowania zbiorem danych, takim jak lista liczb lub łańcuchów, i można uzyskać do niego dostęp za pomocą ich indeksu. Istnieją dwa sposoby deklarowania lub używania tablicy w TypeScript:
- Słowo kluczowe „tablica”.
- nawiasy kwadratowe „[]” lub składnia skrócona
Składnia tablicy pojedynczego typu
Aby zadeklarować lub zainicjować tablicę z jednym typem, użyj podanej składni ze słowem kluczowym „Array”:
Szyk < typ > = [ element1, element2, element3 ] ;
Lub użyj go jako skróconej składni, jak podano poniżej:
typ [ ] = [ element1, element2, element3 ] ;
Składnia tablicy wielu typów
Za pomocą słowa kluczowego „Array” użyj poniższej składni do inicjowania lub deklarowania tablicy wielotypowej:
Szyk < typ | typ > = [ element1, element2, element3 ] ;
Możesz też użyć nawiasów kwadratowych „[]” lub skróconej składni w następujący sposób:
( typ | typ ) [ ] = [ element1, element2, element3 ] ;
Przykład 1: tablica typu Single String
Najpierw utworzymy plik TypeScript o nazwie „ Arraytypes.ts ”. W podanym przykładzie najpierw zadeklaruj tablicę typu string o nazwie „ kolor ” używając słowa kluczowego „Tablica”:
zmienny kolor: tablica < strunowy > ;
Teraz zainicjuj tablicę wartościami typu string:
kolor = [ 'czerwony' , 'niebieski' , 'zielony' , 'czarny' , 'biały' , 'fioletowy' , 'różowy' ] ;
Następnie wydrukuj tablicę na konsoli:
log konsoli ( kolor ) ;
Po dodaniu kodu transpilujemy ten plik do pliku JavaScript za pomocą podanego polecenia:
tsc Arraytypes.ts
Następnie do wykonania kodu JavaScript użyjemy poniższego polecenia:
węzeł Arraytypes.js
Notatka : Transpilacja pliku TypeScript jest obowiązkowa po każdej modyfikacji w nim zawartej.
Wyjście
Aby uzyskać dostęp do elementów tablicy, użyj notacji w nawiasach kwadratowych „[ ]”. Tutaj uzyskamy dostęp do elementu o indeksie 3:
log konsoli ( kolor [ 3 ] ) ;
Na wyjściu wyświetla się „ czarny ”, który jest elementem tablicy znajdującym się pod indeksem 3:
Przykład 2: Tablica typu pojedynczej liczby
W tym przykładzie utwórz tablicę liczb parzystych, określając jej typ „ Numer ” używając skróconej składni:
var parzysteLiczby: liczba [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , 20 , 22 ] ;
Wydrukuj tablicę na konsoli:
log konsoli ( liczby parzyste ) ;
Wyjście
Przykład 3: tablica wielu typów
W podanym przykładzie utwórz tablicę zawierającą wartości typu łańcuchowego oraz typu liczbowego.
Najpierw zadeklaruj tablicę, używając skróconej składni, określając typy tablic za pomocą operatora potoku lub unii:
tablica var: ( strunowy | numer ) [ ] ;
Przypisz wartości do tablicy, a następnie wydrukuj ją na konsoli:
tablica = [ 'czerwony' , 1 , 'niebieski' , 7 , 'fioletowy' , 5 ] ;log konsoli ( szyk ) ;
Wyjście
To wszystko na temat użycia typu Array w TypeScript.
Wniosek
“ Szyk ” to struktura danych w TypeScript podobna do JavaScript, której można używać do przechowywania i manipulowania zbiorem danych. Aby zadeklarować/użyć tablicy w TypeScript, istnieją dwa sposoby, w tym „ Szyk ” słowo kluczowe lub nawiasy kwadratowe “ [ ] ” lub składnia skrócona. Ten samouczek zademonstrował typ tablicy w TypeScript i sposób, w jaki go używać.