TypeScript-Tuples

TypeScript introduceerde een nieuw gegevenstype met de naam Tuple. Tuple kan twee waarden van verschillende gegevenstypen bevatten.

beschouw het volgende voorbeeld van getal -, tekenreeks-en tupeltype variabelen.

var empId: number = 1;var empName: string = "Steve"; // Tuple type variable var employee: = ;

in het bovenstaande voorbeeld hebben we een variabele empId gedefinieerd als getaltype en empName als stringtype met waarden. Hier, we verklaard en toegewezen twee variabelen aan id en de naam van een werknemer. Hetzelfde kan worden bereikt met behulp van een enkele tupel type variabele. employee is de variabele tupeltype met twee waarden van Getal en stringtype. Dus, het verwijderen van de noodzaak om twee verschillende variabelen te declareren.

een tupeltype variabele kan meerdere gegevenstypen bevatten, zoals hieronder weergegeven.

var employee: = ;var person: = ;var user: ;// declare tuple variableuser = ;// initialize tuple variable

je kunt ook een array van tupel declareren.

var employee: ;employee = , , ];

TypeScript genereert een array in JavaScript voor de tuple variabele. Bijvoorbeeld, var employee: = zal gecompileerd worden als var employee = in JavaScript.

Tupelelementen benaderen

we kunnen tupelelementen benaderen met index, op dezelfde manier als een array. Een index begint bij nul.

var employee: = ;employee; // returns 1employee; // returns "Steve"

elementen toevoegen aan Tuple

je kunt nieuwe elementen toevoegen aan een tuple met behulp van de push() methode.

var employee: = ;employee.push(2, "Bill"); console.log(employee); //Output: 

Dit is toegestaan omdat we getallen en tekenreeksen toevoegen aan de tupel en ze geldig zijn voor de employee tupel.

laten we nu proberen een Booleaanse waarde toe te voegen aan de tupel.

employee.push(true) 

het bovenstaande voorbeeld zal de volgende fout gooien:

test.ts(4,15): error TS2345: Argument of type 'true' is not assignable to parameter of type 'number | string'.

we krijgen een fout die zegt dat het toevoegen van een Booleaanse waarde aan een tupel van het type ‘number | string’ niet is toegestaan. Daarom kan een tupel gedeclareerd als ‘nummer / tekenreeks’ alleen nummer-en tekenreekswaarden opslaan.

de tupel is als een array. Dus, we kunnen array methoden gebruiken op tuple zoals pop (), concat () etc.

var employee: = ;// retrieving value by index and performing an operation employee = employee.concat(" Jobs"); console.log(employee); //Output: