JS初学者求助：如何让函数返回值等待嵌套循环及异步请求执行完成

嘿，我完全懂你遇到的困扰——异步API请求加上嵌套循环，确实会让return语句提前跑，因为axios的请求是异步的，你的外层for循环会一口气发起所有请求，但还没等任何一个请求的响应回来，就直接返回空的doubldoubl了。之前看到的普通循环完成方案没用，核心原因就是没处理好异步请求的等待逻辑。

下面给你一步步拆解解决方案：

核心问题分析 #

你的代码里，axios.request()是异步操作，它的.then()回调要等请求完成后才会执行，但外层的for循环是同步的，会直接跑完所有迭代，然后立刻执行return doubldoubl——这时候所有的.then()都还没开始处理数据，自然返回空对象。

另外还有个小bug：你用doubldoubl=doubldoubl+{...}这种方式拼接对象是错误的，这会把对象强制转成字符串拼接，最后得到的根本不是你想要的结构，应该用数组来收集符合条件的数据。

修改后的可运行代码 #

async function StatisticsPerGameId(IDs) {
    console.log(IDs);
    // 用数组来收集符合两双条件的球员数据，避免错误的对象拼接
    const doubleDoubles = [];

    for (let i = 0; i < IDs.length; i++) {
        const options = {
            method: "GET",
            url: "https://api-nba-v1.p.rapidapi.com/players/statistics",
            params: { game: IDs[i] },
            headers: {
                "X-RapidAPI-Host": "api-nba-v1.p.rapidapi.com",
                "X-RapidAPI-Key": "afgsdgbsdghbrynhndf6hn6dfhndfhn61dhddfhn"
            }
        };

        try {
            // 用await等待当前请求完成，确保响应回来后再处理数据
            const response = await axios.request(options);
            
            // 遍历当前比赛的所有球员统计数据
            for (const playerStats of response.data.response) {
                let ddCount = 0;
                if (playerStats.points >= 10) ddCount++;
                if (playerStats.totReb >= 10) ddCount++;

                // 符合两双条件就把数据加入数组
                if (ddCount === 2) {
                    doubleDoubles.push({
                        name: `${playerStats.player.firstname} ${playerStats.player.lastname}`,
                        teamOfplayer: playerStats.team.name,
                        teamOfplayerlogo: playerStats.team.logo,
                    });
                }
            }
        } catch (error) {
            // 单个请求失败不影响整体，同时打印出错的比赛ID方便排查
            console.error(`处理比赛ID ${IDs[i]} 时出错:`, error);
        }
    }

    // 所有请求和嵌套循环都完成后，再返回最终数据
    return doubleDoubles;
}

关键修改点说明 #

1. 将函数改为async函数：这是使用await的前提，能让异步代码看起来像同步逻辑一样执行。
2. 用await等待axios请求：让for循环在发起下一个请求前，先等待当前请求的响应返回，确保每个请求的处理逻辑都执行完再继续迭代。
3. 用数组收集数据：替换原来错误的对象拼接方式，用push()把符合两双条件的球员对象添加到数组中，最后返回的结构更清晰易处理。
4. 添加try/catch错误处理：避免单个请求失败导致整个函数崩溃，同时能精准定位是哪个比赛ID的请求出了问题。

如何调用这个函数 #

因为这是个async函数，它返回的是一个Promise，所以你需要用两种方式获取结果：

// 方式1：用.then()链式调用
StatisticsPerGameId([123, 456])
    .then(result => {
        console.log("所有两双数据:", result);
    })
    .catch(err => {
        console.error("函数执行出错:", err);
    });

// 方式2：在另一个async函数里用await
async function fetchStats() {
    try {
        const result = await StatisticsPerGameId([123, 456]);
        console.log("所有两双数据:", result);
    } catch (err) {
        console.error("函数执行出错:", err);
    }
}
fetchStats();

这样修改后，函数就会乖乖等待所有异步请求和嵌套循环都处理完成后，再返回最终的两双数据啦！

内容的提问来源于stack exchange，提问作者Badr-Eddine El mostaine