Resumen: Arrays y Tuplas
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 21 de 73.
Desafío
FácilCrea una función llamada addToShoppingList que reciba dos parámetros: una tupla de tipo [string, number] que representa un artículo (nombre y cantidad), y un array de cadenas que representa la lista de compras actual.
La función debe extraer el nombre del artículo de la tupla y añadirlo al array de la lista de compras. La función debe devolver la lista de compras actualizada como un nuevo array (sin modificar el array original).
Prueba tu función con los siguientes datos:
- Crea una tupla llamada
groceryItemcon los valores"apples"y5 - Crea un array llamado
currentListcon los valores["bread", "milk", "eggs"] - Llama a tu función con estos parámetros y almacena el resultado en una variable llamada
updatedList
Imprime la lista de compras actualizada en la consola.
Luego, prueba la función de nuevo con:
- Crea otra tupla llamada
bakeryItemcon los valores"cookies"y2 - Llama a tu función usando el
updatedListdel paso anterior y el nuevobakeryItem - Almacena este resultado en una variable llamada
finalList
Imprime la lista de compras final en la consola.
Pruébalo tú mismo
// TODO: Escribe tu código aquí
// Crea la función addToShoppingList que toma una tupla y un arreglo como parámetros
// Datos de prueba
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];
// TODO: Llama a tu función y guarda el resultado en updatedList
// TODO: Imprime la lista de compras actualizada
// Segunda prueba
const bakeryItem: [string, number] = ["cookies", 2];
// TODO: Llama a tu función de nuevo usando updatedList y bakeryItem, guárdalo en finalList
// TODO: Imprime la lista de compras finalTodas las lecciones de Introducción a TypeScript
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y TuplasPractica por tu cuenta: Playground de TypeScript