从Twitch API嵌套JSON响应中提取数据失败求助

嘿，我看你在处理Twitch新版Helix API的响应数据时卡壳了，咱们来把问题拆解清楚，然后搞定它！

问题根源分析 #

先看你拿到的API响应结构：顶层是一个包含data数组和pagination对象的整体对象，而你现在的代码直接把response.data（这个顶层对象）当成数组来循环，这肯定拿不到数据。另外，第二个嵌套循环完全没必要——cube是data数组里的单个直播对象，不是数组，遍历它的length根本没有意义。

修正后的代码 #

下面是调整后的代码，我加了注释帮你理解每一步：

var reply = axios.get('https://api.twitch.tv/helix/streams?game_id=488552&type=live&first=2&language=en')
  .then(function(response){
    // 顶层对象里的data属性才是真正的直播数据数组
    var streamDataArray = response.data.data;
    // 遍历这个数组获取每一条直播数据
    for(var i = 0; i < streamDataArray.length; i++) {
      var singleStream = streamDataArray[i];
      // 直接访问单个直播对象的属性
      msg.reply(`直播ID：${singleStream.id}，标题：${singleStream.title}，在线观众：${singleStream.viewer_count}`);
    }
    // 如果需要翻页获取更多数据，可以用pagination里的cursor
    // var nextPageCursor = response.data.pagination.cursor;
  }).catch((error) => {
    console.log('请求出错：', error);
  });

额外提示 #

• 建议调试时多用console.log(response.data)打印完整响应结构，能更直观地识别嵌套层级，避免踩类似的结构识别坑。
• 如果需要获取更多直播数据，可以把pagination.cursor作为after参数加到下一次API请求里，实现分页加载。

内容的提问来源于stack exchange，提问作者stephendev