Массивы и кортежи

В JavaScript массивы могут содержать элементы любого типа и могут динамически увеличиваться или уменьшаться. TypeScript добавляет статическую проверку типов, чтобы гарантировать, что коллекции остаются однородными или соблюдают фиксированную структуру типов.

Массивы (однородные коллекции)

В TypeScript существует два эквивалентных способа определения типа массива, содержащего элементы одного типа:

1. Используя тип элемента, за которым следуют квадратные скобки ([]):

   TS

   Копировать

   const numbers: number[] = [1, 2, 3];
   const strings: string[] = ['a', 'b', 'c'];

2. Использование универсального типа Array<T>:

   TS

   Копировать

   const numbers: Array<number> = [1, 2, 3];

Оба синтаксиса полностью допустимы, но первый (type[]) является традиционным и наиболее распространенным. Если вы попытаетесь вставить недопустимое значение (например, numbers.push("hello") в массив number[]), TypeScript выдаст ошибку во время компиляции.

Кортежи (массивы фиксированной длины)

Кортеж – это особый тип массива, который имеет фиксированное количество элементов, при этом каждый элемент имеет предопределенный конкретный тип в зависимости от его положения.

Например, чтобы сохранить ответ HTTP, состоящий из кода состояния (числа) и сообщения (строки):

const response: [number, string] = [200, 'OK'];

В этом случае:

– Первый элемент (response[0]) должен быть number. – Второй элемент (response[1]) должен быть string. — Массив должен быть инициализирован ровно двумя элементами.

Кортежи только для чтения (readonly)

Важная деталь кортежей в TypeScript заключается в том, что во время выполнения они представляют собой обычные массивы JavaScript. Это означает, что изменяющие методы, такие как .push() или .pop(), технически доступны и могут изменить длину кортежа, частично минуя проверки типов.

Чтобы предотвратить такое поведение и обеспечить истинную неизменность, мы можем использовать модификатор readonly:

const point: readonly [number, number] = [10, 20];
// point.push(30); // Compile-time error!

Попробуйте сами

Упражнение 1. Массив чисел

Упражнение 2. Кортеж 3D-координат

Упражнение 3. Кортеж информации о местоположении

Упражнение 4. Кортеж записей журнала