Tupla

Juan Diego Urbina Chuscano

student•

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

student•

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

Cristian Blandon

student•

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

student•

Genial me gusta mas usar la notación

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

Miguel Peláez

student•

De acuerdo, Mucho mas legible.

Sebastian SS

student•

Se lee mucho mejor, gracias por el aporte

Boris Vargas Paucara

student•

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

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

// [1, 'user']
let user: [number, string]; // -&gt; 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 --&gt; lensQueen001
array[2][1] = array[2][1].concat('001');  // --&gt; concatena
console.log('array : ', array);

Martin Munilla

student•

este curso hay que verlo a 1.5

Omar España

student•

yo voy a 1.7

Juan David Merchán Torres

student•

y yo a 2x 🤣

Francisco Javier Martínez Molina

student•

Me surge un problema con el arreglo de tuplas.

Error en consola:

¿Qué estoy haciendo mal?

Francisco Javier Martínez Molina

student•

Damn, la respuesta está segundos más a delante del vídeo.

Hay que declarar el arreglo vacío:

let array:[number, string][] = [];

John fredy Usma diaz

student•

te falto el = en la inicialización del array

Ignacio Castillejo Gómez

student•

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)

Francisco Javier Martínez Molina

student•

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

student•

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

Miguel Angel Reyes Moreno

student•

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

student•

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

Jose Daniel Barría Reyes

student•

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

student•

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

student•

Por fin, ahora si le veo utilidad

Juan David González Rodríguez

student•

Comparto mi codigo espero les sirvan......

export {}

// ¨[1, 'user']
let user: [number, string]
user = [1, 'Juan']

console.log(user)
console.log(user[1])
console.log(user[1].length)
console.log(user[0])


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

// Arreglo de Tuplas
let array: [number, string][] = []
array.push([1,'Juan']) // 0
array.push([2,'David']) // 1
array.push([3,'Gonzalez']) //2
console.log(array)

//Uso de funciones Array
// Juan -> Juanda1803
array[0][1]=array[0][1].concat('da1803')
console.log(array)

$ node dist/type-tuple.js
[ 1, 'Juan' ]
Juan
4
1
[ 2, 'David', true ]
[ [ 1, 'Juan' ], [ 2, 'David' ], [ 3, 'Gonzalez' ] ]
[ [ 1, 'Juanda1803' ], [ 2, 'David' ], [ 3, 'Gonzalez' ] ]

César Palma

student•

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

Jesús Ochoa

student•

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

student•

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

student•

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

Andres David Sanchez

student•

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

Alex Camacho

teacher•

Todo eso depende de las caracteristicas de tu proyecto :)

Moisés Manuel Morín Hevia

student•

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

Luis Herrera

student•

ustedes tabmbien ven los videos en x2? jajaja

Sixto Ortega

student•

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

Jhoana España Urresty

student•

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

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

Gustavo Adolfo Perez Ramos

student•

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

student•

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[];

Tupla

Array de distitntos tipos de datos

let tupla = [strin, boolean, number]

Moisés Manuel Morín Hevia

student•

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

student•

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

Angel David Corredor

student•

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

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

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

// [1, 'user']
let user: [number, string]; // -&gt; 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 --&gt; lensQueen001
array[2][1] = array[2][1].concat('001');  // --&gt; concatena
console.log('array : ', array);

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)

export {}

// ¨[1, 'user']
let user: [number, string]
user = [1, 'Juan']

console.log(user)
console.log(user[1])
console.log(user[1].length)
console.log(user[0])


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

// Arreglo de Tuplas
let array: [number, string][] = []
array.push([1,'Juan']) // 0
array.push([2,'David']) // 1
array.push([3,'Gonzalez']) //2
console.log(array)

//Uso de funciones Array
// Juan -> Juanda1803
array[0][1]=array[0][1].concat('da1803')
console.log(array)

// [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);

Tupla

Introducción a TypeScript

El lenguaje de programación TypeScript

Instalación de herramientas para TypeScript

Instalación de herramientas en Windows

Navegación y refactorización

Entorno de Desarrollo

El compilador de TypeScript

El archivo de configuración de TypeScript

Mi primer proyecto TypeScript

Tipos en TypeScript

Tipado en TypeScript

Number, Boolean y String

Any

Void y never

null y undefined

Object

Array

Tupla

Enum

Unión de Tipos, Alias y Tipos Literales

Aserciones de tipo

Funciones en TypeScript

Resumen

Tipos Personalizados

Interfaces

Interfaces: propiedades opcionales

Extensión de interfaces

Clases

Clases públicas y privadas

Métodos Get y Set

Herencia de clases y propiedades estáticas

Resumen

Módulos

Principios de responsabilidad única

Resolviendo módulos

Webpack y agrupación de Módulos

Cierre

Cierre