javascript - Angular typeScript嵌套数组不可迭代？

Question

我有一个像这样的模型类“EventDeatails”

export class EventDetails {
  id: string;
  title: string;
  club: string;
  des: string;
  img: string;
  date: string;
  status: number;
}

然后我像这样从firebase为此赋值

showingEventList: EventDetails[];

this.eventDetails.getOldEvents().subscribe(actionArray => {
  this.showingEventList = actionArray.map(item => {
    return {
      id: item.payload.doc.id,
      ...item.payload.doc.data()
    } as EventDetails ;
  });
});

现在我只需要将这个对象的 club 属性添加到另一个名为 clubs[] 的数组中。
我是这样做的

for ( const item  of this.showingEventList ) {
      this.clubs.push(item.club);
    }

但控制台显示有错误:-
“ showingEventList is not iterable”
我怎样才能解决这个问题 ？？？？

Answer 1

使用 Object.keys 将有助于迭代对象。

for (let item of Object.keys(this.showingEventList)) {
    var eventItem = this.showingEventList[item];
    this.clubs.push(eventItem.club);
}