Cursos Empresas Blog Live Conf Eventos Precios

0:0011:25

Tupla

Clase 15 de 32

Clase 15 / 32

Jose Daniel Barría Reyes

Tupla: Permite expresar un arreglo con un numero fijo de elementos. Los tipos de datos son conocidos. Asi se crean las tuplas.

let userInfo = [number,string];
userInfo = [1,'danijazzero'];

Se accede con indices.

userInfo[0]; // esto es 1
userInfo[1]; // esto es 'danijazzero'

Definimos arreglo de tuplas

let usersInfo = [number,string][] = [];
//usamos push para agregar users a usersInfo

Derick Robinson

Hace 6 años

No es completamente necesario usar push, puede hacerse asi:

let tuplearray:[number, string][] = [[1, 'david'], [2, 'juan'], [3, 'jorge']];

Sin embargo, es un poco tortuoso, por lo tanto es recomendable como buena practica hacer el ingreso de este tipo de datos por medio de push.

Reinaldo Mendoza

Hace 5 años

Por fin, ahora si le veo utilidad

Comentarios (38)38 comentarios

Juan Diego Urbina Chuscano

Una tupla en TypeScript es un array de elementos que están tipados. De esta manera cada vez que haya que insertar un elemento se validará que dicho elemento coincida con el tipo de dato establecido en la tupla.

Eleonora Lester

gracias por esta explicacion, era justo lo que necesitaba.. hubiese sido bueno que el profesor lo explique de manera simple

Cristian Blandon

Ojo... no se realiza ninguna validación al insertar un elemento. La validación del tipado de la tupla sólo se realiza al hacer una asignación... Si, por ejemplo, intentas insertar con push a una tupla tipada, no habrá ningún error ni restricción:

Jorge Méndez Ortega

Genial me gusta mas usar la notación

let matriz: Array<[number, string, boolean]> = [];

Miguel Peláez

De acuerdo, Mucho mas legible.

Sebastian SS

Se lee mucho mejor, gracias por el aporte

Boris Vargas Paucara

// Tipo tuple
// Tuplas: permiten expresar un arreglo con un numero fijo de elementos

export {}; // -> user ya fue declarado en otro archivo

// [1, 'user']
let user: [number, string]; // -> user ya fue declarado en otro archivo
user = [1, 'luixaviles'];

console.log('user : ', user);
console.log('username : ', user[1]);
console.log('username.length : ', user[1].length);
console.log('id : ', user[0]);

// Tuplas con varios valores
// id, username, isPro
let userInfo: [number, string, boolean];
userInfo = [2, 'paparazzi', true];
console.log('userInfo : ', userInfo);

// Arreglo de Tuplas
let array: [number, string][] = [];
array.push([1, 'luixaviles']);
array.push([2, 'paparazzi']);
array.push([3, 'lensQueen']);   // indice: 2
console.log('array : ', array);

// Uso de funciones array
// lensQueen --> lensQueen001
array[2][1] = array[2][1].concat('001');  // --> concatena
console.log('array : ', array);

Martin Munilla

este curso hay que verlo a 1.5

Omar España

yo voy a 1.7

Juan David Merchán Torres

y yo a 2x 🤣

Francisco Javier Martínez Molina

Me surge un problema con el arreglo de tuplas.

Error en consola:

¿Qué estoy haciendo mal?

John fredy Usma diaz

te falto el = en la inicialización del array

Ignacio Castillejo Gómez

Me sorprende que el profesor diga esto... y que nadie aún lo haya comprobado. Las tuplas si pueden tener mas de una vez un mismo tipo. Os pongo un ejemplo que compila y ejecuta sin problemas:

let tupla: [number, string, number] = [1, 'foo', 2]
console.log('tupla', tupla)

Entendí el comentario como una buena practica, más no como algo restrictivo. También hice la prueba y claro que funciona.

Nicolás Danilo Peña Fuentes

Sí, creo que lo mencionó a tono de buena práctica

Miguel Angel Reyes Moreno

En TS, las tuplas permiten expresar un arreglo con un número fijo de elementos.
La sintaxís es la misma que en un array [] pero los tipos de datos deben ser distintos

Documentación oficial de Tuplas

export {} //*Exportamos un objeto vacío, ya que TS no permite usar los mismos nombres de variables que tenemos en otros archivos

//* [1, 'Miguel']
let user: [number, string] = [1,'Miguel']

console.log('user: ', user)
console.log('user id: ', user[0])
console.log('username length: ', user[1].length)

//* Podemos aplicar métodos de string a la posición user[1] ya que es un string.
//*Podemos aplicar métodode de int a la posición user[0] ya que es un int.

//*Tuplas con varios valores
let userInfo: [number, string, boolean] = [2, 'paparazzi', true]
console.log('userinfo: ', userInfo)

//* Arreglo de Tuplas
let arrayDeTuplas: [number, string][] = []
arrayDeTuplas.push([1, 'Erik']) //*0
arrayDeTuplas.push([2, 'Logan']) //*1
arrayDeTuplas.push([3, 'Xavier']) //*2

console.log('arrayDeTuplas: ', arrayDeTuplas)

//* Uso de funciones Array
//*Xavier -> Charles X

arrayDeTuplas[2][1] = arrayDeTuplas[2][1].replace('Xavier', 'Charles Xavier')

console.log('Array de mutantes: ', arrayDeTuplas)

José Luis Encastin Flores

Gracias por el aporte, y qué cool que le diste tu toque.

Juan David González Rodríguez

César Palma

Para crear matrices con valores de 'columnas' conocidas, tal cual una hoja de calculo en excel

Jesús Ochoa

Podríamos usar tipos de datos NO PRIMITIVOS en las tuplas?

o es recomendado solo usar tipos de datos primitivos en tuplas?

Massimo Di Berardino

Hola Yisus, no hay restricciones en cuanto a eso. Si tu aplicación los necesita puedes hacerlo sin problema

Moisés Manuel Morín Hevia

Podrías hacer tuplas de objetos (: Puedes hacer tuplas del dato que sea.

Andres David Sanchez

Ya que las Tuplas tienen la restricción de diferentes tipos. Es mas conveniente utilizar objetos?

Alex Camacho

Profesor

Todo eso depende de las caracteristicas de tu proyecto :)

Puedes no definir el tipado & que sea interpetado para que agregres tantos datos como desees.

Luis Herrera

ustedes tabmbien ven los videos en x2? jajaja

Sixto Ortega

Wao esto de las tuplas se asemeja un poco en como firestore almacena los documentos, como tuplas

Jhoana España Urresty

Tupla: Permite expresar un arreglo con un número fijo de elementos. Los tipos de datos son conocidos.

Gustavo Adolfo Perez Ramos

Tuple

Las tuplas permiten expresar un arreglo con un número fijo de elementos
Los tipo de datos son conocidos

// [1, 'user']
let user: [number, string];
user = [1, "username"];

console.log({ user });
console.log("username", user[1]);
console.log("username.length", user[1].length);
console.log("id", user[0]);

// Tuplas con varios valores
// id, username, isPro
let userInfo: [number, string, boolean];
userInfo = [2, "username", true];
console.log("user info", userInfo);

// Arreglo de tuplas
let myArr: [number, string][] = [];
myArr.push([1, "username"]);
myArr.push([2, "username2"]);
myArr.push([3, "username3"]);

console.log(myArr);

Irving Juárez

Ok, cual es la diferencia entre un array normal y una tupla?

No, no solo es el nombre!! Lo que sucede, es que la tupla es un array con ciertos elementos espeficos y estos DEBEN ser de distintos tipos.

Array

Array de puros strings en este caso

let arr = string[];

Array de distitntos tipos de datos

let tupla = [strin, boolean, number]

Tupla, array con número fijo de elementos, los tipos de dato son diferentes. se accede por indices. A los incies les puedo agregar métodos de cadenas. Para hacer un array de tuplas se usan [] dsp de el tipado. Se pueden usar métodos para modificar las tuplas utilizando los índices (de la tupla & del índica a modificar)

Omar elizarra

Una tupla sirve para agrupar, como si fueran un único valor, varios valores que, por su naturaleza, deben ir juntos.

Angel David Corredor

Un buen uso de las tuplas es hacer unpacking de variables, tipicamente como retorno de una función. e.g

let v: [string, number];
v = ['res', 1];

// Unpacking values
let [a, b] = v;
console.log(a); // 'res'
console.log(b); // 1

Tupla

Progreso del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre