We know that an array holds multiple values of the same data type. But sometimes, we may need to store a collection of values of different data types in a single variable. Arrays will not provide this feature, but TypeScript has a data type called Tuple to achieve this purpose. A Tuple is an array which store multiple fields belong to different data types. It is similar to the structures in the C programming language.
A tuple is a data type which can be used like any other variables. It represents the heterogeneous collection of values and can also be passed as parameters in a function call.
In abstract mathematics, the term tuple is used to denote a multi-dimensional coordinate system. JavaScript does not have tuple as data type, but tuples are available in TypeScript. The order of elements in a tuple is important.
let tuple_name = [val1,val2,val3, ...val n];
let arrTuple = [101, "rookienerd", 105, "Abhishek"]; console.log(arrTuple);
We can also declare and initialize a tuple separately by initially declaring the tuple as an empty tuple in Typescript.
let arrTuple = []; arrTuple[0] = 101 arrTuple[1] = 105
We can read or access the fields of a tuple by using the index, which is the same as an array. In Tuple, the index starts from zero.
let empTuple = ["Rohit Sharma", 25, "rookienerd"];
console.log("Name of the Employee is : "+empTuple [0]);
console.log("Age of the Employee is : "+empTuple [1]);
console.log(empTuple [0]+" is working in "+empTuple [2]);A tuple has two operations:
The push operation is used to add an element to the tuple.
let empTuple = ["Rohit Sharma", 25, "rookienerd"];
console.log("Items: "+empTuple);
console.log("Length of Tuple Items before push: "+empTuple.length); // returns the tuple size
empTuple.push(10001); // append value to the tuple
console.log("Length of Tuple Items after push: "+empTuple.length);
console.log("Items: "+empTuple);The pop operation is used to remove an element from the tuple.
let empTuple = ["Rohit Sharma", 25, "rookienerd", 10001];
console.log("Items: "+empTuple);
console.log("Length of Tuple Items before pop: "+empTuple.length); // returns the tuple size
empTuple.pop(); // removed value to the tuple
console.log("Length of Tuple Items after pop: "+empTuple.length);
console.log("Items: "+empTuple);Tuples are mutable, which means we can update or change the values of tuple elements. To modify the fields of a Tuple, we need to use the index of the fields and assignment operator. We can understand it with the following example.
let empTuple = ["Rohit Sharma", 25, "rookienerd"];
empTuple[1] = 30;
console.log("Name of the Employee is: "+empTuple [0]);
console.log("Age of the Employee is: "+empTuple [1]);
console.log(empTuple [0]+" is working in "+empTuple [2]);We cannot delete the tuple variable, but its fields could be cleared. To clear the fields of a tuple, assign it with an empty set of tuple field, which is shown in the following example.
let empTuple = ["Rohit Sharma", 25, "rookienerd"]; empTuple = []; console.log(empTuple);
Destructuring allows us to break up the structure of an entity. TypeScript used destructuring in the context of a tuple.
let empTuple = ["Rohit Sharma", 25, "rookienerd"]; let [emp, student] = empTuple; console.log(emp); console.log(student);
We can pass a tuple to functions, which can be shown in the below example.
//Tuple Declaration
let empTuple = ["rookienerd", 101, "Abhishek"];
//Passing tuples in function
function display(tuple_values:any[]) {
for(let i = 0;i
