For?循环多个获取值

问题描述

我正在为我的联赛纯粹是为了娱乐幻想而努力。

我列出了所需的所有玩家ID,并且具有这些值的API链接

var Players = [8475167,8477956,8473419,8470638,8471698,8480012,8476880,8473563,8478444,8477500,8476468,8475744,8476871];

并且我具有在此处获取数据的基本提取功能

  fetch('https://statsapi.web.nhl.com/api/v1/people/8476468?hydrate=stats(splits=statsSingleSeasonPlayoffs)')
            .then(response => response.json())
            .then(function (data) {
                console.log(data);
                response = data.people;
                var names = response.map(function (i) {
                    let millerGoals = i.stats[0].splits[0].stat.goals;
                    let millerApples = i.stats[0].splits[0].stat.assists;

                    document.getElementById("millerGoals").innerHTML = millerGoals;
                    document.getElementById("millerAssists").innerHTML = millerApples;

                })
            }

            )

上面的代码可以正常工作,并获取一个播放器所需的所有数据。有没有办法用for循环来做到这一点? (我尝试过,我有点尴尬地发布我的结果)

编辑-

 <table>
        <tr class="red">
            <td>Player Name</td>
            <td>Team</td>
            <td>Goals</td>
            <td>Assists</td>
        </tr>

        <tr>
            <td>Hedman,Victor</td>
            <td>Tampa Bay</td>
            <td><span id="HedmanGoals"></span></td>
            <td><span id="HedmanAssists"></span></td>
        </tr>

        <tr class="grey">
            <td>Pastrnak,David</td>
            <td>Boston</td>
            <td><span id="PastrnakGoals"></span></td>
            <td><span id="PastrnakAssists"></span></td>
        </tr>

.... /其他我的玩家也一样.... /

上述2的脚本-其他玩家则相同

 addEventListener("load",() => {
        fetch('https://statsapi.web.nhl.com/api/v1/people/8475167?hydrate=stats(splits=statsSingleSeasonPlayoffs)')
            .then(response => response.json())
            .then(function (data) {
                console.log(data);
                response = data.people;
                response.map(function (i) {
                    let HedmanGoals = i.stats[0].splits[0].stat.goals;
                    let HedmanApples = i.stats[0].splits[0].stat.assists;


                    document.getElementById("HedmanGoals").innerHTML = HedmanGoals;
                    document.getElementById("HedmanAssists").innerHTML = HedmanApples;
                })
            }

            )

        fetch('https://statsapi.web.nhl.com/api/v1/people/8477956?hydrate=stats(splits=statsSingleSeasonPlayoffs)')
            .then(response => response.json())
            .then(function (data) {
                console.log(data);
                response = data.people;
                response.map(function (i) {
                    let PastrnakGoals = i.stats[0].splits[0].stat.goals;
                    let PastrnakApples = i.stats[0].splits[0].stat.assists;

                    document.getElementById("PastrnakGoals").innerHTML = PastrnakGoals;
                    document.getElementById("PastrnakAssists").innerHTML = PastrnakApples;
                })
            }

            )

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)