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

Метод 1: использование утверждения типа
Один из способов создания кортежа массива фиксированной длины — использование утверждения типа. Вы можете явно определить тип массива и соответствующим образом присвоить значения.

let tuple: [string, number] = ["apple", 42];
tuple = ["banana", 99]; // Valid
tuple = ["cherry", 3.14]; // Error: Type 'number' is not assignable to type 'string'

Метод 2: использование массивов только для чтения
TypeScript предоставляет тип ReadonlyArray, который можно использовать для создания массивов фиксированной длины. После определения длину и элементы массива нельзя изменить.

const tuple: ReadonlyArray<string | number> = ["apple", 42];
tuple[0] = "banana"; // Error: Index signature in type 'readonly string[]' only permits reading
tuple.push("cherry"); // Error: Property 'push' does not exist on type 'readonly string[]'

Метод 3: использование универсального типа массива фиксированной длины
Вы можете создать универсальный тип массива с фиксированной длиной, используя тип кортежа в сочетании с универсальным параметром. Такой подход позволяет определять массивы любой длины.

type FixedLengthTuple<T, N extends number> = N extends 0 ? [] : [T, ...FixedLengthTuple<T, N - 1>];
const tuple: FixedLengthTuple<string, 3> = ["apple", "banana", "cherry"];
tuple.push("date"); // Error: Property 'push' does not exist on type 'FixedLengthTuple<string, 3>'

Метод 4: использование Object.freeze()
Метод Object.freeze()можно использовать для создания кортежа массива фиксированной длины. Он предотвращает любые изменения массива, включая изменение его длины или изменение его элементов.

const tuple: ReadonlyArray<string | number> = Object.freeze(["apple", 42]);
tuple[0] = "banana"; // Error: Cannot assign to '0' because it is a read-only property
tuple.push("cherry"); // Error: Property 'push' does not exist on type 'readonly (string | number)[]'

В этой статье мы рассмотрели различные методы работы с кортежами массивов TypeScript фиксированной длины. Мы обсудили использование утверждений типов, массивов только для чтения, универсальных типов массивов фиксированной длины и Object.freeze(). Каждый метод предлагает уникальный подход к обеспечению фиксированной длины массивов, обеспечивая безопасность типов и предотвращая модификации. В зависимости от вашего конкретного варианта использования вы можете выбрать метод, который лучше всего соответствует вашим потребностям.

Помните, что использование кортежей массива фиксированной длины может повысить ясность и надежность вашего кода, особенно при работе со структурами данных, требующими постоянного количества элементов.