Tuplas mecanografiadas

Como sabemos, la array consta de valores de tipos homogéneos (mismos), pero a veces, cuando necesitamos almacenar una colección de valores de tipos diferentes en una sola variable, usaremos Tuples . Son como la estructura en la programación C y también se pueden pasar como parámetros en una llamada de función. Las tuplas pueden ser uno o más tipos de datos (como número con string o string con número, etc.).

• Para denotar un sistema de coordenadas multidimensional, el término utilizado es tupla en matemáticas abstractas.
• En JavaScript no tenemos tuplas como tipos de datos, pero en TypeScript está disponible la función de tuplas.

Sintaxis

let tuple_name = [val1, val2, val3, ...val n];  

Ejemplo:

let arrTuple = [501, "welcome", 505, "Mohan"];  
console.log(arrTuple);

Producción:

[501, ‘bienvenido’, 105, ‘Mohan’]

Declaración e inicialización de una tupla por separado declarando inicialmente la tupla como una tupla vacía en TypeScript. Ejemplo:

let arrTuple = [];   
arrTuple[0] = 501  
arrTuple[1] = 506 

Acceso a elementos de tupla Con la ayuda de la base de índice podemos leer o acceder a los campos de una tupla, que es lo mismo que una array. Un índice también comienza desde cero. 

Ejemplo:

var employee: [number, string] = [1, "Steve"];
employee[0]; // returns 1
employee[1]; / return Steve

Producción:

1 Esteban

Podemos declarar tipos de datos heterogéneos en tuplas como: número y string simultáneamente.

 Ejemplo

let empTuple = ["Vivek Singh", 22, "Honesty"];  
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]);  

Producción:

El nombre del empleado es: Vivek Singh La edad del empleado es: 22 Vivek Singh trabaja en Microsoft

Operaciones sobre Tupla Una tupla tiene dos operaciones:

• Empujar()
• Estallido()

Push() Para agregar un elemento a la tupla con la operación de inserción. Ejemplo

var employee: [number, string] = [1, "Steve"];
employee.push(2, "Bill"); 
console.log(employee); 

Producción:

[1, ‘Steve’, 2, ‘Bill’]

Este tipo de declaración está permitida en tuplas porque estamos agregando valores numéricos y de string a la tupla y son válidos para la tupla  de empleado .

Ejemplo

let empTuple = ["Vivek Singh", 22, "Honesty"];  
console.log("Items: "+empTuple);   // here we print tuple elements
empTuple.push(10001);   // append value to the tuple   
console.log("Length of Tuple Items after push: "+empTuple.length);  // After pushing elements in tuples calculate length of tuples.
console.log("Items: "+empTuple);  

Producción:

Elementos: Vivek Singh, 22, Honestidad Longitud de la tupla Elementos después del impulso: 4 Elementos: Vivek Singh, 22, Honestidad, 10001

Para agregar un elemento a la tupla con la operación de inserción. 

Ejemplo

let empTuple = ["Mohit Singh", 25, "geeksforgeeks", 10001];  
console.log("Items: "+empTuple);   // here we print tuple elements
empTuple.pop();   // removed value to the tuple   
console.log("Length of Tuple Items after pop: "+empTuple.length);  After pushing elements in tuples calculate length of tuples.
console.log("Items: "+empTuple);  

Producción:

Elementos: Mohit Singh, 25, geeksforgeeks, 10001 Longitud de tupla Elementos después de pop: 3 Elementos: Mohit Singh, 25, geeksforgeeks

Actualizar o modificar los elementos de la tupla Necesitamos usar el índice de los campos y el operador de asignación para modificar los campos de la tupla. Se puede mostrar en el siguiente ejemplo. Ejemplo

let empTuple = ["Ganesh Singh", 25, "TCS"];  
empTuple[1] = 60;  
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]); 

Producción:

El nombre del empleado es: Ganesh Singh La edad del empleado es: 60 Ganesh Singh está trabajando en TCS

Borrar los campos de una Tupla Se pueden borrar los campos pero no podemos borrar las variables de la tupla. Para borrar los campos de una tupla, asígnele un conjunto de campos de tupla vacío como se muestra a continuación:

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];  
empTuple = [];  
console.log(empTuple); 

Producción:

[]

En TypeScript, para romper la estructura de una entidad mediante la desestructuración. 

Ejemplo

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];  
let [emp, student] = empTuple;  
console.log(emp);  
console.log(student);  

Rohit Sharma 25

Pasar tupla a funciones

//Tuple Declaration  
let empTuple = ["JavaTpoint", 101, "Abhishek"];     
//Passing tuples in function    
function display(tuple_values:any[]) {    
   for(let i = 0;i<empTuple.length;i++) {     
      console.log(empTuple[i]);    
   }      
}    
//Calling tuple in function    
display(empTuple);

JavaTpoint 101 Abhishek

A continuación se muestra el fragmento de código que nos ayudará a comprender la creación de tuplas en TypeScript:

Ejemplo:

let student_details : [number, string, string] = [1 , "Aman" , "CSE"];
student_details.push(2 , "Ram" , "CSE");
 
console.log(student_details);
 
// This code is contributed by Aman Singla...

Producción:

[ 1, 'Aman', 'CSE', 2, 'Ram', 'CSE' ]