在角度4組件中迭代嵌套數組對象時不起作用

Question

當我嘗試使用下面的代碼遍歷嵌套數組對象時，它不起作用。它是在Typescript或angular4中拋出錯誤「未定義」的任何問題？

import { Process, Event } from "./process"; 

export class ProcessComponent { 

process: Process; 

someMethod() { 

    for(let val of this.process.events) { 
     console.log(val.notes); // throwing error in console showing undefined. 
} 
} 

process.ts

export class Process { 
    id: number; 
    includeSaturdays: boolean; 
    includeSundays: boolean; 
    events: Event[];  
} 

export class Event { 
    id: number; 
    date: number; 
    notes: string; 
} 

示例數據：根據你的數據結構

{ 
    "id": 1572734, 
    "includeSaturdays": false, 
    "includeSundays": false, 
    "events": { 
     "event": [ 
      { 
       "id": 1587532, 
       "date": 1483209000000,     
       "notes": "New year" 
      }, 
      { 
       "id": 1587533, 
       "date": 1495909800000, 
       "notes": "Memorial day" 
      }] 
} 
} 

Answer 1

，你可能想要做這樣的事情吧。

someMethod() { 

this.process.events.event.map(item => console.log(item.notes)) 

} 

你試着用對象的數組，而不是一個大的一個工作，所以map()似乎更適合這項工作。