访问此数组中的值 [API 结果]

Question

我一直在尝试学习 API，我有几个正在工作，但这个让我很难过，我无法让它工作/显示。

我正在尝试访问响应中的特定属性，该属性出现多次，然后在页面上显示。

到目前为止，我的通话工作正常，我只需要完成这部分：

          success: function (resp) {


          });

然后我将尝试在表格中列出所有这些结果：

    {
  "gameId": 2540635808,
  "mapId": 11,
  "gameMode": "CLASSIC",
  "gameType": "MATCHED_GAME",
  "gameQueueConfigId": 2,
  "participants": [
    {
      "teamId": 100,
      "spell1Id": 11,
      "spell2Id": 4,
      "championId": 19,
      "profileIconId": 23,
      "summonerName": "Like or Leave",
      "bot": false,
      "summonerId": 54108020,
      "runes": [
        {
          "count": 7,
          "runeId": 5245
        },
        {
          "count": 1,
          "runeId": 5290
        },
        {
          "count": 4,
          "runeId": 5316
        },
        {
          "count": 2,
          "runeId": 5337
        }
      ],
      "masteries": [
        {
          "rank": 4,
          "masteryId": 6111
        },
        {
          "rank": 5,
          "masteryId": 6211
        },
        {
          "rank": 1,
          "masteryId": 6223
        },
        {
          "rank": 5,
          "masteryId": 6232
        },
        {
          "rank": 1,
          "masteryId": 6242
        },
        {
          "rank": 5,
          "masteryId": 6252
        },
        {
          "rank": 1,
          "masteryId": 6262
        }
      ]
    },
    {
      "teamId": 100,
      "spell1Id": 4,
      "spell2Id": 3,
      "championId": 25,
      "profileIconId": 774,
      "summonerName": "SackOfRyze",
      "bot": false,
      "summonerId": 71487363,
      "runes": [
        {
          "count": 6,
          "runeId": 5245
        },

如果有人可以帮助我显示“summonerName”，那将非常有帮助。

我不确定它是否重要，但数组的顶部，“GameID，MapID”等与实际调用不匹配。调用找到的匹配项是响应中包含的召唤者 ID 之一。就像我说的，不确定这是否重要，但我想我会提到。

我想我会用这样的方式访问它：

players = resp[summmonerID].participants.length;
document.getElementById("listPlayers").innerHTML = players;

              resp[summonerID].participants.forEach(function (item) {
  document.getElementById("masteryPagesAll").innerHTML = document.getElementById("playersAll").innerHTML + item.summonerName + "<br />";
              });

谢谢

Answer 1

首先，响应是字符串。您应该将其转换为对象以访问其属性和值。

var data = JSON.parse(resp);

然后你可以像你想的那样使用那个数据对象。