Contenido del curso
Juan Diego Urbina Chuscano
Eleonora Lester
Cristian Blandon
Jorge Méndez Ortega
Miguel Peláez
Sebastian SS
Boris Vargas Paucara
Martin Munilla
Omar España
Juan David Merchán Torres
Francisco Javier Martínez Molina
Francisco Javier Martínez Molina
John fredy Usma diaz
Ignacio Castillejo Gómez
Francisco Javier Martínez Molina
Nicolás Danilo Peña Fuentes
Miguel Angel Reyes Moreno
José Luis Encastin Flores
Jose Daniel Barría Reyes
Derick Robinson
Reinaldo Mendoza
Juan David González Rodríguez
César Palma
Jesús Ochoa
Massimo Di Berardino
Moisés Manuel Morín Hevia
Andres David Sanchez
Alex Camacho
ProfesorMoisés Manuel Morín Hevia
Luis Herrera
Sixto Ortega
Jhoana España Urresty
Gustavo Adolfo Perez Ramos
Irving Juárez
Moisés Manuel Morín Hevia
Omar elizarra
Angel David Corredor
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.
gracias por esta explicacion, era justo lo que necesitaba.. hubiese sido bueno que el profesor lo explique de manera simple
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:
Genial me gusta mas usar la notación
let matriz: Array<[number, string, boolean]> = [];
De acuerdo, Mucho mas legible.
Se lee mucho mejor, gracias por el aporte
// 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);
este curso hay que verlo a 1.5
yo voy a 1.7
y yo a 2x 🤣
Me surge un problema con el arreglo de tuplas.
Damn, la respuesta está segundos más a delante del vídeo.
Hay que declarar el arreglo vacío:
let array:[number, string][] = [];
te falto el = en la inicialización del array
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.
Sí, creo que lo mencionó a tono de buena práctica
[] pero los tipos de datos deben ser distintosDocumentació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)
Gracias por el aporte, y qué cool que le diste tu toque.
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
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.
Por fin, ahora si le veo utilidad
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' ] ]
Para crear matrices con valores de 'columnas' conocidas, tal cual una hoja de calculo en excel
Podríamos usar tipos de datos NO PRIMITIVOS en las tuplas?
o es recomendado solo usar tipos de datos primitivos en tuplas?
Hola Yisus, no hay restricciones en cuanto a eso. Si tu aplicación los necesita puedes hacerlo sin problema
Podrías hacer tuplas de objetos (: Puedes hacer tuplas del dato que sea.
Ya que las Tuplas tienen la restricción de diferentes tipos. Es mas conveniente utilizar objetos?
Todo eso depende de las caracteristicas de tu proyecto :)
Puedes no definir el tipado & que sea interpetado para que agregres tantos datos como desees.
ustedes tabmbien ven los videos en x2? jajaja
Wao esto de las tuplas se asemeja un poco en como firestore almacena los documentos, como tuplas
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'];
Tuple
// [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);
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]
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)
Una tupla sirve para agrupar, como si fueran un único valor, varios valores que, por su naturaleza, deben ir juntos.
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