TypeScript - tablice

Używanie zmiennych do przechowywania wartości stwarza następujące ograniczenia -

Zmienne mają charakter skalarny. Innymi słowy, deklaracja zmiennej może zawierać tylko jedną w danym momencie. Oznacza to, że do przechowywania n wartości w programie potrzebnych będzie n deklaracji zmiennych. Dlatego użycie zmiennych jest niewykonalne, gdy trzeba przechowywać większy zbiór wartości.
Zmiennym w programie przydzielana jest pamięć w kolejności losowej, co utrudnia pobieranie / odczytywanie wartości w kolejności ich deklaracji.

TypeScript wprowadza pojęcie tablic, aby rozwiązać ten sam problem. Tablica to jednorodny zbiór wartości. Aby uprościć, tablica to zbiór wartości o tym samym typie danych. Jest to typ zdefiniowany przez użytkownika.

Cechy Array

Oto lista funkcji tablicy -

Deklaracja tablicy przydziela sekwencyjne bloki pamięci.
Tablice są statyczne. Oznacza to, że po zainicjowaniu tablicy nie można zmienić rozmiaru.
Każdy blok pamięci reprezentuje element tablicy.
Elementy tablicy są identyfikowane przez unikalną liczbę całkowitą nazywaną indeksem dolnym / indeksem elementu.
Podobnie jak zmienne, tablice również powinny być zadeklarowane przed ich użyciem. Użyj słowa kluczowego var, aby zadeklarować tablicę.
Inicjalizacja tablicy odnosi się do zapełniania elementów tablicy.
Wartości elementów tablicy można aktualizować lub modyfikować, ale nie można ich usunąć.

Deklarowanie i inicjowanie tablic

Aby zadeklarować zainicjować tablicę w skrypcie Typescript, użyj następującej składni -

Składnia

var array_name[:datatype];        //declaration 
array_name = [val1,val2,valn..]   //initialization

Uznaje się, że deklaracja tablicy bez typu danych jest typu any. Typ takiej tablicy jest wywnioskowany z typu danych pierwszego elementu tablicy podczas inicjalizacji.

Na przykład deklaracja taka jak - var numlist:number[] = [2,4,6,8] utworzy tablicę, jak podano poniżej -

Wskaźnik tablicy domyślnie odnosi się do pierwszego elementu.

Arrays may be declared and initialized in a single statement. Składnia tego samego to -

var array_name[:data type] = [val1,val2…valn]

Note - Para [] nazywana jest wymiarem tablicy.

Dostęp do elementów tablicy

Nazwa tablicy, po której następuje indeks dolny, odwołuje się do elementu tablicy. Jego składnia jest następująca -

array_name[subscript] = value

Przykład: Simple Array

var alphas:string[]; 
alphas = ["1","2","3","4"] 
console.log(alphas[0]); 
console.log(alphas[1]);

Podczas kompilacji wygeneruje następujący kod JavaScript -

//Generated by typescript 1.8.10
var alphas;
alphas = ["1", "2", "3", "4"];
console.log(alphas[0]);
console.log(alphas[1]);

Dane wyjściowe powyższego kodu są następujące -

1 
2

Przykład: deklaracja pojedynczej instrukcji i inicjalizacja

var nums:number[] = [1,2,3,3] 
console.log(nums[0]); 
console.log(nums[1]); 
console.log(nums[2]); 
console.log(nums[3]);

Podczas kompilacji wygeneruje następujący kod JavaScript -

//Generated by typescript 1.8.10
var nums = [1, 2, 3, 3];
console.log(nums[0]);
console.log(nums[1]);
console.log(nums[2]);
console.log(nums[3]);

Jego wynik jest następujący -

Array Object

Tablicę można również utworzyć za pomocą obiektu Array. Konstruktor Array można przekazać.

Wartość liczbowa reprezentująca rozmiar tablicy lub
Lista wartości oddzielonych przecinkami.

Poniższy przykład pokazuje, jak utworzyć tablicę przy użyciu tej metody.

Przykład

var arr_names:number[] = new Array(4)  

for(var i = 0;i<arr_names.length;i++) { 
   arr_names[i] = i * 2 
   console.log(arr_names[i]) 
}

Podczas kompilacji wygeneruje następujący kod JavaScript.

//Generated by typescript 1.8.10
var arr_names = new Array(4);

for (var i = 0; i < arr_names.length; i++) {
   arr_names[i] = i * 2;
   console.log(arr_names[i]);
}

Jego wynik jest następujący -

Przykład: Array Constructor akceptuje wartości oddzielone przecinkami

var names:string[] = new Array("Mary","Tom","Jack","Jill") 

for(var i = 0;i<names.length;i++) { 
   console.log(names[i]) 
}

Podczas kompilacji wygeneruje następujący kod JavaScript -

//Generated by typescript 1.8.10
var names = new Array("Mary", "Tom", "Jack", "Jill");
for (var i = 0; i < names.length; i++) {
   console.log(names[i]);
}

Jego wynik jest następujący -

Mary 
Tom 
Jack 
Jill

Metody tablicowe

Poniżej znajduje się lista metod obiektu Array wraz z ich opisem.

S.No.	Metoda i opis
1.	concat () Zwraca nową tablicę składającą się z tej tablicy połączonej z innymi tablicami i / lub wartościami.
2.	każdy() Zwraca wartość true, jeśli każdy element w tej tablicy spełnia podaną funkcję testującą.
3.	filtr() Tworzy nową tablicę ze wszystkimi elementami tej tablicy, dla których podana funkcja filtrująca zwraca wartość true.
4.	dla każdego() Wywołuje funkcję dla każdego elementu tablicy.
5.	indeks() Zwraca pierwszy (najmniejszy) indeks elementu w tablicy równy określonej wartości lub -1, jeśli żaden nie zostanie znaleziony.
6.	Przystąp() Łączy wszystkie elementy tablicy w ciąg.
7.	lastIndexOf () Zwraca ostatni (największy) indeks elementu w tablicy równy określonej wartości lub -1, jeśli żaden nie zostanie znaleziony.
8.	mapa() Tworzy nową tablicę z wynikami wywołania podanej funkcji dla każdego elementu w tej tablicy.
9.	Muzyka pop() Usuwa ostatni element z tablicy i zwraca ten element.
10.	Pchać() Dodaje jeden lub więcej elementów na końcu tablicy i zwraca nową długość tablicy.
11.	zmniejszyć() Zastosuj funkcję jednocześnie do dwóch wartości tablicy (od lewej do prawej), aby zredukować ją do jednej wartości.
12.	redukujRight () Zastosuj funkcję jednocześnie do dwóch wartości tablicy (od prawej do lewej), aby zredukować ją do jednej wartości.
13.	odwrócić() Odwraca kolejność elementów tablicy - pierwszy staje się ostatnim, a ostatni pierwszym.
14.	Zmiana() Usuwa pierwszy element z tablicy i zwraca ten element.
15.	plasterek() Wyodrębnia sekcję tablicy i zwraca nową tablicę.
16.	trochę() Zwraca wartość true, jeśli co najmniej jeden element w tej tablicy spełnia podaną funkcję testującą.
17.	sortować() Sortuje elementy tablicy.
18.	splatać() Dodaje i / lub usuwa elementy z tablicy.
19.	toString () Zwraca ciąg znaków reprezentujący tablicę i jej elementy.
20.	unshift () Dodaje jeden lub więcej elementów na początek tablicy i zwraca nową długość tablicy.

Zniszczenie macierzy

Odnosi się do rozbicia struktury jednostki. TypeScript obsługuje destrukturyzację, gdy jest używany w kontekście tablicy.

Przykład

var arr:number[] = [12,13] 
var[x,y] = arr 
console.log(x) 
console.log(y)

Podczas kompilacji wygeneruje następujący kod JavaScript.

//Generated by typescript 1.8.10
var arr = [12, 13];
var x = arr[0], y = arr[1];
console.log(x);
console.log(y);

Jego wynik jest następujący -

12 
13

Array Traversal przy użyciu pętli for… in

Można użyć for…in pętla do przechodzenia przez tablicę.

var j:any; 
var nums:number[] = [1001,1002,1003,1004] 

for(j in nums) { 
   console.log(nums[j]) 
}

Pętla wykonuje przechodzenie przez tablicę w oparciu o indeks.

Podczas kompilacji wygeneruje następujący kod JavaScript.

//Generated by typescript 1.8.10
var j;
var nums = [1001, 1002, 1003, 1004];

for (j in nums) {
   console.log(nums[j]);
}

Wynik powyższego kodu podano poniżej -

Tablice w TypeScript

TypeScript obsługuje następujące koncepcje w tablicach -

S.No.	Koncepcja i opis
1.	Tablice wielowymiarowe TypeScript obsługuje tablice wielowymiarowe. Najprostszą formą tablicy wielowymiarowej jest tablica dwuwymiarowa.
2.	Przekazywanie tablic do funkcji Możesz przekazać do funkcji wskaźnik do tablicy, podając nazwę tablicy bez indeksu.
3.	Zwróć tablicę z funkcji Umożliwia funkcji zwracanie tablicy