JavaScript嵌套循环异步API调用Promise.all返回空数组问题解决

你的代码返回空数组有3个直接原因：

• 定义了getLink请求函数但从未执行，所有axios请求根本没有发起
• promises数组里存的不是Promise对象，而是接口返回后拿到的url字符串，Promise.all只有接收Promise实例才能等待异步操作完成
• 往promises里push值的逻辑写在then回调里，执行Promise.all(promises)的时候，请求还没返回，回调还没触发，数组本身就是空的
• 额外注意：你的quantity字段是字符串类型，虽然JS隐式类型转换不会让循环报错，但显式转成数字能避免很多边界异常

你总请求量最多只有3-5次，完全不用顾虑性能问题，优先用并行请求的写法，总耗时等于最慢的单个请求耗时，和单次请求体验几乎一致。

// 浏览器环境如果已经通过CDN引入axios可省略这行
import axios from 'axios';

const items = [
  {
    quantity: '2',
    name: 'john',
    type: 'https://api/event/1',
  },
  {
    quantity: '3',
    name: 'jane',
    type: 'https://api/event/2',
  }
]

const getLinks = async (arr) => {
  const requestTasks = [];
  for (const item of arr) {
    const requestCount = Number(item.quantity);
    for (let i = 0; i < requestCount; i++) {
      // 直接把axios返回的Promise实例加入任务队列
      const task = axios({
        method: 'POST',
        url: 'https://api.call',
        // 可按需把所属用户、活动类型传给后端
        data: {
          owner: item.name,
          eventType: item.type
        }
      })
      .then(res => ({
        link: res.data.url,
        belongTo: item.name,
        event: item.type
      }))
      .catch(err => {
        console.error(`用户${item.name}的链接生成失败：`, err);
        return null;
      });
      requestTasks.push(task);
    }
  }
  // 等待所有请求完成
  const allResults = await Promise.all(requestTasks);
  // 过滤掉请求失败的空值
  const validLinks = allResults.filter(Boolean);
  console.log('所有生成的链接：', validLinks);
  return validLinks;
}

getLinks(items);

如果你的接口有频率限制，不支持短时间发多个请求，可以用串行写法，最多5次请求的总等待时间也完全在可接受范围内：

const getLinksSerial = async (arr) => {
  const validLinks = [];
  for (const item of arr) {
    const requestCount = Number(item.quantity);
    for (let i = 0; i < requestCount; i++) {
      try {
        const res = await axios({
          method: 'POST',
          url: 'https://api.call',
          data: {
            owner: item.name,
            eventType: item.type
          }
        });
        validLinks.push({
          link: res.data.url,
          belongTo: item.name,
          event: item.type
        });
      } catch (err) {
        console.error(`用户${item.name}的链接生成失败：`, err);
      }
    }
  }
  console.log('串行生成的链接：', validLinks);
  return validLinks;
}

两种写法返回的结果都保留了链接所属的用户、活动信息，你后续发邮件的时候不需要再额外做关联匹配。

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