search
CursosEmpresasBlogLiveConfPrecios
Curso de TypeScript 3

Tupla

Curso de TypeScript 3

Contenido del curso

Introducción a TypeScript

  • 1
    El lenguaje de programación TypeScript

    El lenguaje de programación TypeScript

    08:43 min
  • 2
    Instalación de herramientas para TypeScript

    Instalación de herramientas para TypeScript

    05:47 min
  • 3
    Instalación de herramientas en Windows

    Instalación de herramientas en Windows

    01:05 min
  • 4
    Navegación y refactorización

    Navegación y refactorización

    04:37 min

Entorno de Desarrollo

  • 5
    El compilador de TypeScript

    El compilador de TypeScript

    08:00 min
  • 6
    El archivo de configuración de TypeScript

    El archivo de configuración de TypeScript

    07:22 min
  • 7
    Mi primer proyecto TypeScript

    Mi primer proyecto TypeScript

    05:09 min

Tipos en TypeScript

  • 8
    Tipado en TypeScript

    Tipado en TypeScript

    01:37 min
  • 9
    Number, Boolean y String

    Number, Boolean y String

    14:09 min
  • 10
    Any

    Any

    08:28 min
  • 11
    Void y never

    Void y never

    15:58 min
  • 12
    null y undefined

    null y undefined

    11:03 min
  • 13
    Object

    Object

    07:44 min
  • 14
    Array

    Array

    09:44 min
  • 15
    Tupla

    Tupla

    Viendo ahora
  • 16
    Enum

    Enum

    10:59 min
  • 17
    Unión de Tipos, Alias y Tipos Literales

    Unión de Tipos, Alias y Tipos Literales

    11:58 min
  • 18
    Aserciones de tipo

    Aserciones de tipo

    11:26 min
  • 19
    Funciones en TypeScript

    Funciones en TypeScript

    14:19 min
  • 20
    Resumen

    Resumen

    06:54 min

Tipos Personalizados

  • 21
    Interfaces

    Interfaces

    10:18 min
  • 22
    Interfaces: propiedades opcionales

    Interfaces: propiedades opcionales

    10:57 min
  • 23
    Extensión de interfaces

    Extensión de interfaces

    10:54 min
  • 24
    Clases

    Clases

    14:02 min
  • 25
    Clases públicas y privadas

    Clases públicas y privadas

    15:10 min
  • 26
    Métodos Get y Set

    Métodos Get y Set

    08:46 min
  • 27
    Herencia de clases y propiedades estáticas

    Herencia de clases y propiedades estáticas

    17:41 min
  • 28
    Resumen

    Resumen

    13:24 min

Módulos

  • 29
    Principios de responsabilidad única

    Principios de responsabilidad única

    15:03 min
  • 30
    Resolviendo módulos

    Resolviendo módulos

    10:04 min
  • 31
    Webpack y agrupación de Módulos

    Webpack y agrupación de Módulos

    14:02 min

Cierre

  • 32
    Cierre

    Cierre

    00:57 min
schoolTomar examen

Tupla

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

Comentarios38

Juan Diego Urbina Chuscano

Juan Diego Urbina Chuscano

Estudiante
Hace 6 años
    Eleonora Lester

    Eleonora Lester

    Estudiante
    Hace 6 años
    Cristian Blandon

    Cristian Blandon

    Estudiante
    Hace 5 años
Jorge Méndez Ortega

Jorge Méndez Ortega

Estudiante
Hace 6 años
    Miguel Peláez

    Miguel Peláez

    Estudiante
    Hace 5 años
    Sebastian SS

    Sebastian SS

    Estudiante
    Hace 5 años
Boris Vargas Paucara

Boris Vargas Paucara

Estudiante
Hace 6 años
Martin Munilla

Martin Munilla

Estudiante
Hace 6 años
    Omar España

    Omar España

    Estudiante
    Hace 5 años
    Juan David Merchán Torres

    Juan David Merchán Torres

    Estudiante
    Hace 5 años
Francisco Javier Martínez Molina

Francisco Javier Martínez Molina

Estudiante
Hace 6 años
    Francisco Javier Martínez Molina

    Francisco Javier Martínez Molina

    Estudiante
    Hace 6 años
    John fredy Usma diaz

    John fredy Usma diaz

    Estudiante
    Hace 6 años
Ignacio Castillejo Gómez

Ignacio Castillejo Gómez

Estudiante
Hace 6 años
    Francisco Javier Martínez Molina

    Francisco Javier Martínez Molina

    Estudiante
    Hace 6 años
    Nicolás Danilo Peña Fuentes

    Nicolás Danilo Peña Fuentes

    Estudiante
    Hace 6 años
Miguel Angel Reyes Moreno

Miguel Angel Reyes Moreno

Estudiante
Hace 5 años
    José Luis Encastin Flores

    José Luis Encastin Flores

    Estudiante
    Hace 5 años
Jose Daniel Barría Reyes

Jose Daniel Barría Reyes

Estudiante
Hace 6 años
    Derick Robinson

    Derick Robinson

    Estudiante
    Hace 6 años
    Reinaldo Mendoza

    Reinaldo Mendoza

    Estudiante
    Hace 4 años
Juan David González Rodríguez

Juan David González Rodríguez

Estudiante
Hace 6 años
César Palma

César Palma

Estudiante
Hace 5 años
Jesús Ochoa

Jesús Ochoa

Estudiante
Hace 6 años
    Massimo Di Berardino

    Massimo Di Berardino

    Estudiante
    Hace 6 años
    Moisés Manuel Morín Hevia

    Moisés Manuel Morín Hevia

    Estudiante
    Hace 5 años
Andres David Sanchez

Andres David Sanchez

Estudiante
Hace 6 años
    Alex Camacho

    Alex Camacho

    Profesor
    Hace 6 años
    Moisés Manuel Morín Hevia

    Moisés Manuel Morín Hevia

    Estudiante
    Hace 5 años
Luis Herrera

Luis Herrera

Estudiante
Hace 5 años
Sixto Ortega

Sixto Ortega

Estudiante
Hace 6 años
Jhoana España Urresty

Jhoana España Urresty

Estudiante
Hace 5 años
Gustavo Adolfo Perez Ramos

Gustavo Adolfo Perez Ramos

Estudiante
Hace 5 años
Irving Juárez

Irving Juárez

Estudiante
Hace 5 años
Moisés Manuel Morín Hevia

Moisés Manuel Morín Hevia

Estudiante
Hace 5 años
Omar elizarra

Omar elizarra

Estudiante
Hace 5 años
Angel David Corredor

Angel David Corredor

Estudiante
Hace 6 años

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:

Screen Shot 2021-05-02 at 13.36.46.png

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.

3.arreglo_tuplas.PNG
Error en consola:
4.arreglo_tuplas.PNG
¿Qué estoy haciendo mal?

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

  • 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)

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

  • 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);

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