JavaScript 的 for loop 到底发生了什么？

我有这么一段代码：

async getResultFromApi(){

   let result = [];	

   let resp = await requestApi();
   
   // console.log(resp.data)
   
   for (let item of resp.data){
   // console.log(item)
   	 -> result.push(item.x.y);
   }
   
   return result;
}

这段代码，console.log 可以看到所有信息，也就是说，每一个 item 都是{ x: { y: 'hello'}}，但是，箭头这一行总报错，说找不到。cannot get y of null

而且 console.log(item)实在是打印不出来任何东西。。。。。

这简直是太无法理解了

所以请教大家，到底 for loop 发生了什么，console.log 又发生了什么？为什么可以 log 出来，但仍然报错？

真是快被郁闷死了。