TypeScriptLección 3 de 16

Arrays y tuplas

Un array guarda cualquier cantidad de valores del mismo tipo. Una tupla es un array de longitud fija en el que cada posición tiene su propio tipo.

Lo esencial

Dos formas de escribir el mismo tipo: number[] y Array<number>.
En un array de números no cabe un texto: push("ten") se marca como error.
La tupla [string, number] tiene exactamente dos elementos: primero un texto y luego un número.
Una tupla se separa fácilmente en variables: const [name, age] = entry.

Ejemplo

const scores: number[] = [7, 9, 10];const tags: Array<string> = ["ts", "web"];scores.push(8);// scores.push("ten"); // error: string is not assignable to number const point: [number, number] = [3, 4];const entry: [string, number] = ["Anna", 25];const [who, age] = entry; console.log(`Scores: ${scores.join(", ")}; tags: ${tags.length}`);console.log(`${who} is ${age}, point x = ${point[0]}`);

scores.push(8) funciona y push("ten") no. La tupla entry se separa en dos variables y cada una conserva su tipo: who es string y age es number.

Tarea

Cómo usar el editor⌘ Enter o Ctrl Enter ejecuta el código, ⇧ ⌘ Enter comprueba la tarea.Tab y Mayús Tab sangran la línea o la selección; Esc y luego Tab sale del editor.La comprobación compara lo que imprimió el programa con la tarea; los espacios al final de línea no cuentan.Tras dos comprobaciones fallidas puedes ver la solución. Tu código se guarda en este navegador.

Tipa el carrito como [string, number][], recórrelo con for...of, imprime cada producto como «Coffee: 4» y termina con «Total: 12».

// TODO: give cart the type [string, number][]// (an array of tuples: item name and price)const cart = [  ["Coffee", 4],  ["Croissant", 3],  ["Juice", 5],]; let total = 0;// TODO: loop over cart, print every item as "Coffee: 4"// and add its price to total console.log(`Total: ${total}`);

// TODO: give cart the type [string, number][]
// (an array of tuples: item name and price)
const cart = [
  ["Coffee", 4],
  ["Croissant", 3],
  ["Juice", 5],
];

let total = 0;
// TODO: loop over cart, print every item as "Coffee: 4"
// and add its price to total

console.log(`Total: ${total}`);

Salida

Aquí aparecerá lo que imprima el programa.