Почему я не могу иметь цикл for внутри цикла for?

Я пытаюсь извлечь данные из массива внутри массива объектов, а затем вставить данные в новый массив, используя вложенные циклы for. Только с одним циклом for of он работает, но с вложенными циклами for of он дает мне следующую ошибку:

TypeError: TypeError: _iterator4[typeof Symbol === "function" ?Symbol.iterator : "@@iterator"] is not a function. (In '_iterator4typeof Symbol === "function" ? Symbol.iterator : "@@iterator"', '_iterator4[typeof Symbol === "function" ? Symbol.iterator :"@@iterator"]' is undefined)

Я уже пробовал использовать циклы while и for(i=0;i<blah.length;i++).

Это мой код.

  let approvals=[]
  for(let task of this.props.currentSubscriptionData.subData.tasks){
    if (task.taskupdates.length!=0){
      for(let approval of task){
        aprrovals.push(approval)
      }
    }
  }

Следующее работает просто отлично.

  let approvals=[]
  for(let task of this.props.currentSubscriptionData.subData.tasks){
    if (task.taskupdates.length!=0){
      console.info('hi')
    }
  }

Упрощенная структура данных: начальный массив

this.props.currentSubscriptionData.subData.tasks

Array [
  Object {
    "taskupdates": Array [
      Object {
        "approval_amount_required": 100000,
      },
      Object {
        "approval_amount_required": 150000,
      },
      Object {
        "approval_amount_required": 50000,
      },
      Object {
        "approval_amount_required": 50000,         },
    ],
  },
  Object {
    "taskupdates": Array [],

  },
  Object {
    "taskupdates": Array [],
  },
]