Explicar los tipos de tuplas en TypeScript

TypeScript es un lenguaje de programación orientado a objetos de código abierto desarrollado y mantenido por Microsoft Corporation. TypeScript es un lenguaje fuertemente tipado y su primera versión se presentó en 2012. Es un superconjunto estricto de JavaScript, lo que significa que cualquier cosa que se implemente en JavaScript se puede implementar usando TypeScript junto con la opción de agregar funciones mejoradas (cada Código JavaScript existente es un código TypeScript válido)

En este artículo, vamos a analizar el tipo de datos de tupla en TypeScript.

Tuple: Tuple es un nuevo tipo de datos introducido por TypeScript. A diferencia de las arrays, las tuplas pueden tener valores de diferentes tipos de datos. Por ejemplo, en el siguiente código tenemos una tupla con tipos de elementos como booleano, string:

var geek: [boolean, string] = [true, "Aayush"];

También podemos crear tuplas de múltiples tipos de datos, como esta aquí es una tupla de tipos de datos booleano, string y número.

var nice: [boolean, string, number] = [true, "Aayush", 1];

Acceso a elementos de tupla: como una tupla es una forma de array, podemos usar la indexación para acceder a elementos individuales en una tupla, tal como lo he hecho en el siguiente código:

Ejemplo:

var geek: [boolean, string] = [true, "Aayush"];
console.log(geek[0]);
console.log(geek[1]);

Producción:

true
"Aayush"

Agregar elementos a la tupla: la función push() le permite agregar miembros adicionales a una tupla. Entendamos esto mirando un ejemplo, en el siguiente código estamos empujando una string a la tupla geek ya creada.

Ejemplo:

var geek: [boolean, string] = [true, "Aayush"];
geek.push("hello");
console.log(geek)

Producción:

[true, "Aayush", "hello"]

También puede tener la tentación de insertar algo que no sea una string o un booleano en el geek de tupla, sin embargo, esto conducirá a un error. Por ejemplo, ejecutando el siguiente código

var geek: [boolean, string] = [true, "Aayush"];
geek.push(20);
console.log(geek)

da el siguiente error:

Argument of type '20' is not assignable to parameter of type 'string | boolean'.

Eliminar elementos de la tupla: podemos usar la función pop() para eliminar el último elemento de la tupla.

Ejemplo:

var geek: [boolean, string] = [true, "Aayush"];
geek.pop();
console.log(geek)

Producción:

[true] 

Nota: como la tupla es una forma de array, podemos usar fácilmente funciones aplicables a una array, como concat, map, etc., en una tupla