карта в массиве не работает в событии ngOnChange Angular 5

Я новичок в Angular, и это мое первое приложение. У меня есть родительский компонент, который получает данные из API с помощью службы. С ответом службы я создаю массив и передаю его как атрибут дочернему компоненту. В дочернем компоненте у меня есть следующее событие ngOnChange

ngOnChanges(changes: any) {
    console.log("Mode total in mode", this.modeTotal);
    this.modeTotal.map(mode => {
      console.log("For each");
      this.doughnutChartLabels.push(mode.name);
      this.doughnutChartData.push(mode.total);
      console.log(`Loop inside onChange Name: ${mode.name} and Total: ${mode.total}`);
    });
    console.log("DoughnutChartLabels", this.doughnutChartLabels);
    console.log("DoughnutChartData", this.doughnutChartData);
}

Проблема, с которой я столкнулся, заключается в том, что консоль над и под функцией карты работает, печатая содержимое modeTotal, doughnutChartLabels и doughnutChartData, но не строка внутри функции карты. И в modeTotal есть массив данных, которые я ожидаю вернуть.

Что мне не хватает?

Примечание. Я помещаю данные в modeTotal из другого компонента, который получает данные от API. ModeTotal не обновляется, даже когда в него вводятся новые данные.