Как в typescript описать массив, содержащий в себе массив экземпляров от класса?

Question

[Alex Mirgorodskiy]

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

Скажем у меня есть класс

class TableSelection {
  static selectedClass: string = 'selected'
  group: object[]

  constructor() {
    this.group = []
  }

  select($cell) {
    this.clear()
    this.group.push($cell)
    $cell.addClass(TableSelection.selectedClass)
  }

  clear() {
    this.group.forEach(($selectedCell) => $selectedCell.removeClass(TableSelection.selectedClass))
    this.group = []
  }
}

В нем я описал что у меня будет массив объектов this.group(Экземпляры класса с своими методами), и когда начинаю перебирать этот массив в методе clear и вызывать методы экземпляров класса, TypeScript говорит мне что у типа object нет таких методов. Я так понимаю что мне нужно описать либо от какого класса экземпляры там будут лежать, либо описать методы которые будут в этом объекте. Подскажите пожалуйста как правильно описывать подобные конструкции

Comments

[Алексей Ярков]

У вас в классе всего один тип указан, и тот нафиг не нужен )) Типизируйте массив, указав тип элементов, которые в нём хранятся.

[Alex Mirgorodskiy]

Алексей Ярков, group: [object], вот так? Я не знаю какое кол-во элементов может быть в массиве, + c подобной конструкцией проблема не уходит. А то что один тип указан, это я решил обычный класс в TypeScript оформить в целях изучения, и сразу столкнулся с этой проблемой

[Алексей Ярков]

Alex Mirgorodskiy, рекомендую к прочтению

[Alex Mirgorodskiy]

Алексей Ярков, Благодарю)

Answer 1

[Alex]

Ну, если прям как по учебнику, тогда вам нужно описать интерфейс, от которого будет зависеть класс TableSelection (один класс не должен напрямую зависеть от другого, так как это сложнее поддерживать).
Например так:

interface Cell {
    addClass(cssClass: string) : void
    removeClass(cssClass: string) : void
}

class TableSelection {
...

Ну, а далее вы просто указываете что свойство group это массив чего-угодно что соответствует интерфейсу Cell

interface Cell {
    addClass(cssClass: string) : void
    removeClass(cssClass: string) : void
}

class TableSelection {
  static selectedClass: string = 'selected'
  group: Cell[]

  constructor() {
    this.group = []
  }

  select($cell: Cell) {
    this.clear()
    this.group.push($cell)
    $cell.addClass(TableSelection.selectedClass)
  }

  clear() {
    this.group.forEach(($selectedCell) => $selectedCell.removeClass(TableSelection.selectedClass))
    this.group = []
  }
}

Пример готового кода

Answer 2

[acwartz]

если работа с DOM, а не с классами то используйте вместо типа object, тип any.

Comments

[Alex]

если работа с DOM, а не с классами то используйте вместо типа object, тип HTMLTableCellElement или HTMLElement

[acwartz]

Alex, можно и так, но чего именно в этот массив понапихают ))