TypeScript - krotki

Czasami może zaistnieć potrzeba przechowywania zbioru wartości różnych typów. Tablice nie będą służyć do tego celu. TypeScript daje nam typ danych zwany krotką, który pomaga osiągnąć taki cel.

Reprezentuje niejednorodny zbiór wartości. Innymi słowy, krotki umożliwiają przechowywanie wielu pól różnych typów. Krotki można również przekazywać jako parametry do funkcji.

Składnia

var tuple_name = [value1,value2,value3,…value n]

Na przykład

var mytuple = [10,"Hello"];

Możesz również zadeklarować pustą krotkę w Typescript i zdecydować się zainicjować ją później.

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

Dostęp do wartości w krotkach

Wartości krotki są indywidualnie nazywane elementami. Krotki są oparte na indeksach. Oznacza to, że do elementów w krotce można uzyskać dostęp przy użyciu odpowiedniego indeksu liczbowego. Indeks elementu krotki zaczyna się od zera i rozciąga się do n-1 (gdzie n to rozmiar krotki).

Składnia

tuple_name[index]

Przykład: prosta krotka

var mytuple = [10,"Hello"]; //create a  tuple 
console.log(mytuple[0]) 
console.log(mytuple[1])

W powyższym przykładzie krotka mytuple, jest zadeklarowane. Krotka zawiera odpowiednio wartości liczbowe i łańcuchowe.

Podczas kompilacji wygeneruje ten sam kod w JavaScript.

Jego wynik jest następujący -

10 
Hello

Przykład: pusta krotka

var tup = [] 
tup[0] = 12 
tup[1] = 23 

console.log(tup[0]) 
console.log(tup[1])

Podczas kompilacji wygeneruje ten sam kod w JavaScript.

Jego wynik jest następujący -

12 
23

Operacje krotki

Krotki w TypeScript obsługują różne operacje, takie jak wypychanie nowego elementu, usuwanie elementu z krotki itp.

Przykład

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("Items before push "+mytuple.length)    // returns the tuple size 

mytuple.push(12)                                    // append value to the tuple 
console.log("Items after push "+mytuple.length) 
console.log("Items before pop "+mytuple.length) 
console.log(mytuple.pop()+" popped from the tuple") // removes and returns the last item
  
console.log("Items after pop "+mytuple.length)
  • Push () dołącza element do krotki

  • Pop () usuwa i zwraca ostatnią wartość z krotki

Podczas kompilacji wygeneruje ten sam kod w JavaScript.

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

Items before push 4 
Items after push 5 
Items before pop 5 
12 popped from the tuple 
Items after pop 4

Aktualizowanie krotek

Krotki są zmienne, co oznacza, że ​​można aktualizować lub zmieniać wartości elementów krotki.

Przykład

var mytuple = [10,"Hello","World","typeScript"]; //create a  tuple 
console.log("Tuple value at index 0 "+mytuple[0]) 

//update a tuple element 
mytuple[0] = 121     
console.log("Tuple value at index 0 changed to   "+mytuple[0])

Podczas kompilacji wygeneruje ten sam kod w JavaScript.

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

Tuple value at index 0 10 
Tuple value at index 0 changed to 121

Zniszczenie krotki

Destrukturyzacja odnosi się do rozbicia struktury podmiotu. TypeScript obsługuje destrukturyzację, gdy jest używany w kontekście krotki.

Przykład

var a =[10,"hello"] 
var [b,c] = a 
console.log( b )    
console.log( c )

Podczas kompilacji wygeneruje następujący kod JavaScript.

//Generated by typescript 1.8.10
var a = [10, "hello"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);

Jego wynik jest następujący -

10 
hello