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
Tomar 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 5 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 5 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