Как итерировать объект, который наследуется от интерфейса?

Question

[Юлия]

У меня есть объект tasks, который наследуется от интерфейса ITaskListState. Мне нужно пройти по всем полям оъекта и отфильтровать их по условию.
Tasks:

tasks: ITaskListState = {
    tasksToDo: new Array<ITaskItem>(),
    tasksInProgress: new Array<ITaskItem>(),
    finishedTasks: new Array<ITaskItem>(),
  }

Interface ITaskListState:

export interface ITaskListState
{
  tasksToDo:  Array<ITaskItem>,
  tasksInProgress: Array<ITaskItem>,
  finishedTasks:  Array<ITaskItem>,
}

Я пыталась реалировть фильтрацию так:

filterTasks(filteredTask: ITaskItem)
  {
    for (let key in this.tasks)
    {
      this.tasks[key] = this.tasks[key].filter((task: ITaskItem) => task !== filteredTask);
      console.log(key);
    }
}

Но во время компиляции я получаю ошибку:
TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'ITaskListState'. No index signature with a parameter of type 'string' was found on type 'ITaskListState'.

Как я могу обойти эту ошибку компилятора?

Answer 1

[Alexandroppolus]

filterTasks(filteredTask: ITaskItem) {
  const keys = Object.keys(this.tasks) as Array<keyof ITaskListState>;

  for (let i = 0; i < keys.length; ++i) {
    const key = keys[i];
    this.tasks[key] = this.tasks[key].filter((task: ITaskItem) => task !== filteredTask);
    console.log(key);
  }
}

Comments

[Alexandroppolus]

Ещё вариант - воспользоваться тем, что все значения в объекте одного типа, и привести объект к типу Record> , тогда не придется приводить keys, он останется массивом строк.

Но в любом случае цикл for..in лучше поменять на цикл по Object.keys

[Юлия]

Большое спасибо)
Пока игралась с этим сама, нашла еще вот такое решение

filterTasks(filteredTask: ITaskItem)
  {
    let key: keyof ITaskListState;
    for (key in this.tasks)
    {
      this.tasks[key] = this.tasks[key].filter((task: ITaskItem) => task !== filteredTask);
      console.log(key);
    }
  }

Одно и тоже по сути?

[Alexandroppolus]

Юлия, да, то же самое.
Но у меня довольно строгий линтер, и здесь будет ошибка
"ESLint: for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array.(no-restricted-syntax)"

Потому и посоветовал отказаться от ныне устаревшего for..in