需要帮助将 JSONP 调用中的多个数组放入一个数组中

Question

我正在尝试将 twitch 上某个频道的所有观众（聊天中的人）放入一个数组中。

JSONP 调用有效，但 Twitch API 返回几个数组：

• 版主
• 员工
• 管理员
• global_mods
• 观众

我想将这些数组中的所有用户名放入一个数组中（即“peopleinchat”）。

我的做法是先声明数组：

var peopleinchat= [];

然后使用$.merge() 将每个后续数组（组）添加到此数组中。但是我无法让它工作......我得到“TypeError：无法读取未定义的属性'长度'”。你能帮帮我吗？

谢谢！

$.ajax({
  url: "https://tmi.twitch.tv/group/user/batuhanbuyukakkan/chatters",

  // The name of the callback parameter, as specified by the YQL service
  jsonp: "callback",

  // Tell jQuery we're expecting JSONP
  dataType: "jsonp",

  // Work with the response
  success: function( response ) {

    var peopleinchat = [];

    $.each(response, function(index, data){

      $.each(data.chatters, function(index, group){

        $('.viewers').append(index + ': ' + group);
        $('.viewers').append('<br>');
        
        $.merge(peopleinchat, group);

      });

    });
    
    $('.array_result').append(peopleinchat);

  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="viewers"></div>
<br>
<br>
<div class="array_result"></div>

Answer 1

差不多了 - 我认为你的主要问题是你没有处理 result 参数的正确形状到你的 success 回调。下面的 sn-p 有效：

$.ajax({
  url: "https://tmi.twitch.tv/group/user/batuhanbuyukakkan/chatters",

  // The name of the callback parameter, as specified by the YQL service
  jsonp: "callback",

  // Tell jQuery we're expecting JSONP
  dataType: "jsonp",

  // Work with the response
  success: function( response ) {
    var peopleinchat = [];

    $.each(response.data.chatters, function(index, data){

        $('.viewers').append(index + ': ' + data);
        $('.viewers').append('<br>');
        
        $.merge(peopleinchat, data);

    });
    
    $('.array_result').append(peopleinchat);

  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="viewers"></div>
<br>
<br>
<div class="array_result"></div>