如何等待for循环中的所有Promise完成后再返回结果

你的问题核心在于异步任务和同步代码的执行顺序：for循环是同步执行的，会快速创建所有Promise，但这些Promise的then回调是异步触发的——当你的函数return array时，所有array.push(i)都还没执行，所以返回空数组。另外还有个隐藏坑：你用了var i，循环里的所有Promise都会共享同一个i变量，最终异步回调里拿到的i会是循环结束后的length值，导致索引完全不对。

下面给你两种靠谱的解决方案，都能保证等待所有Promise完成后再返回结果数组：

方案1：使用async/await + Promise.allSettled（推荐，可读性高） #

这种方式会收集所有Promise，等待它们全部完成（不管成功失败），最后筛选出成功的索引：

var str_list = [/* 你的字符串数组 */]; 
let myFunction = async () => { 
  const promiseList = [];

  // 用let i保证每个循环迭代的i是独立的，避免闭包陷阱
  for (let i = 0; i < str_list.length; i++) {
    const promise = new Promise((resolve, reject) => {
      if (/* 这里写str_list[i]满足的条件 */) {
        resolve(i); // 直接把符合条件的索引resolve出去
      } else {
        // 错误处理：直接传入Error对象，不要在reject里throw
        reject(new Error(`索引${i}的字符串不满足条件`));
      }
    });
    promiseList.push(promise);
  }

  // 等待所有Promise完成（成功或失败）
  const allResults = await Promise.allSettled(promiseList);
  
  // 筛选出成功的结果，提取对应的索引
  const resultArray = allResults
    .filter(item => item.status === 'fulfilled')
    .map(item => item.value);

  return resultArray;
};

// 调用函数时需要用await或者.then获取结果
myFunction().then(finalArray => console.log('最终结果:', finalArray));

方案2：使用Promise.allSettled链式调用（不依赖async/await） #

如果你的环境不支持async/await，可以用Promise的链式调用来实现：

var str_list = [/* 你的字符串数组 */]; 
let myFunction = () => { 
  const promiseList = [];

  for (let i = 0; i < str_list.length; i++) {
    promiseList.push(new Promise((resolve, reject) => {
      if (/* str_list[i]满足的条件 */) {
        resolve(i);
      } else {
        reject(new Error(`索引${i}的字符串不满足条件`));
      }
    }));
  }

  // 链式处理所有Promise结果
  return Promise.allSettled(promiseList)
    .then(allResults => {
      return allResults
        .filter(item => item.status === 'fulfilled')
        .map(item => item.value);
    });
};

// 调用方式
myFunction().then(finalArray => console.log('最终结果:', finalArray));

关键细节说明 #

1. 为什么用let i而不是var i：var声明的变量是函数作用域，循环里的所有Promise共享同一个i，当异步回调触发时，i已经是循环结束后的最大值了；而let是块级作用域，每个循环迭代的i都是独立的。
2. Promise.all vs Promise.allSettled：
   • 如果只要有一个Promise失败，你就希望整个任务失败，用Promise.all代替Promise.allSettled即可，但要注意加catch处理错误。
   • 如果即使部分Promise失败，你也想拿到所有成功的结果，Promise.allSettled更合适。
3. 函数返回值：因为异步操作无法同步返回最终结果，所以你的函数必须返回一个Promise，调用时需要通过await或.then()来获取最终的数组。

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