TypeScript - Tupel

Manchmal kann es erforderlich sein, eine Sammlung von Werten unterschiedlicher Typen zu speichern. Arrays dienen diesem Zweck nicht. TypeScript gibt uns einen Datentyp namens Tupel, der dabei hilft, einen solchen Zweck zu erreichen.

Es handelt sich um eine heterogene Sammlung von Werten. Mit anderen Worten, Tupel ermöglichen das Speichern mehrerer Felder unterschiedlichen Typs. Tupel können auch als Parameter an Funktionen übergeben werden.

Syntax

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

Zum Beispiel

var mytuple = [10,"Hello"];

Sie können auch ein leeres Tupel in Typescript deklarieren und später initialisieren.

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

Zugriff auf Werte in Tupeln

Tupelwerte werden einzeln als Elemente bezeichnet. Tupel sind indexbasiert. Dies bedeutet, dass auf Elemente in einem Tupel mit ihrem entsprechenden numerischen Index zugegriffen werden kann. Der Index des Tupelelements beginnt bei Null und reicht bis zu n-1 (wobei n die Größe des Tupels ist).

Syntax

tuple_name[index]

Beispiel: Einfaches Tupel

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

Im obigen Beispiel ist ein Tupel, mytuplewird deklariert. Das Tupel enthält Werte von numerischen bzw. Zeichenfolgentypen.

Beim Kompilieren wird derselbe Code in JavaScript generiert.

Seine Ausgabe ist wie folgt -

10 
Hello

Beispiel: Leeres Tupel

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

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

Beim Kompilieren wird derselbe Code in JavaScript generiert.

Seine Ausgabe ist wie folgt -

12 
23

Tupeloperationen

Tupel in TypeScript unterstützen verschiedene Vorgänge wie das Verschieben eines neuen Elements, das Entfernen eines Elements aus dem Tupel usw.

Beispiel

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)
  • Mit push () wird ein Element an das Tupel angehängt

  • Pop () entfernt den letzten Wert im Tupel und gibt ihn zurück

Beim Kompilieren wird derselbe Code in JavaScript generiert.

Die Ausgabe des obigen Codes ist wie folgt:

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

Tupel aktualisieren

Tupel sind veränderbar, dh Sie können die Werte von Tupelelementen aktualisieren oder ändern.

Beispiel

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])

Beim Kompilieren wird derselbe Code in JavaScript generiert.

Die Ausgabe des obigen Codes ist wie folgt:

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

Ein Tupel zerstören

Destrukturierung bezieht sich auf das Aufbrechen der Struktur eines Unternehmens. TypeScript unterstützt die Destrukturierung, wenn es im Kontext eines Tupels verwendet wird.

Beispiel

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

Beim Kompilieren wird folgender JavaScript-Code generiert.

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

Seine Ausgabe ist wie folgt -

10 
hello