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

Метод 1: подписи индекса

Один из способов определить интерфейс для объектов с произвольными числовыми именами свойств — использовать сигнатуры индексов. Это позволяет нам указать, что объект может иметь любое количество свойств с ключами типа numberи значениями любого другого типа.

interface NumericObject {
  [key: number]: any;
}
const myObj: NumericObject = {
  1: 'foo',
  2: 'bar',
  3: 'baz',
};
console.log(myObj[2]); // Output: 'bar'

Метод 2: объединение литеральных типов

Другой подход — определить интерфейс, используя объединение литеральных типов в качестве имен свойств. Этот метод позволяет указывать конкретные числовые значения в качестве имен свойств.

interface NumericObject {
  1: string;
  2: string;
  3: string;
}
const myObj: NumericObject = {
  1: 'foo',
  2: 'bar',
  3: 'baz',
};
console.log(myObj[2]); // Output: 'bar'

Метод 3: сопоставленные типы

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

type NumericObject<T> = {
  [K in keyof T]: string;
};
const myObj: NumericObject<{ [key: number]: any }> = {
  1: 'foo',
  2: 'bar',
  3: 'baz',
};
console.log(myObj[2]); // Output: 'bar'

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

Не забудьте выбрать метод, который лучше всего соответствует вашим требованиям и стилю кодирования. Приятного кодирования!