如何在循环内执行异步API调用并确保获取全部数据完成循环

问题根源 #

你代码里的核心问题是forEach的异步回调不会被等待：forEach遍历过程中，每个带async的回调函数都是独立的Future，但forEach本身不会等待这些异步操作完成。这就导致遍历还在处理HTTP请求时，后面的prefs.setStringList已经执行了，此时需要更新的元素还没被添加到rawJsonListNEW，最终保存的数据自然缺失。

解决方案1：普通for循环（顺序执行，逻辑直观） #

把forEach替换成普通for循环，这样每次循环都会等待当前异步操作完成后再进入下一次，确保所有元素处理完毕才执行保存逻辑。

修改后的代码：

Future<void> readStoredData() async {
  try {
    final prefs = await SharedPreferences.getInstance();
    _rawJsonListE = prefs.getStringList('storedData');

    List<String> rawJsonListNEW = [];
    bool _isNeedUpdate = false;

    // 用普通for循环替代forEach，确保异步操作顺序完成
    for (final item in _rawJsonListE!) {
      if (/* 你的item判断条件 */) {
        _isNeedUpdate = true;
        // 直接await获取更新后的元素，避免then链式调用的混乱
        final updatedItem = await makeHttpCallFutureAwaitFunction(item);
        rawJsonListNEW.add(updatedItem);
      } else {
        rawJsonListNEW.add(item);
      }
    }

    if (_isNeedUpdate) {
      // 加await确保保存操作完成
      await prefs.setStringList('storedData', rawJsonListNEW);
    }

    notifyListeners();
  } catch (error) {
    print('Error : ${error}');
    throw error;
  }
}

解决方案2：Future.wait（并行执行，效率更高） #

如果你的HTTP请求之间没有依赖关系，可以用Future.wait让所有异步请求并行执行，大幅节省总耗时。先收集所有处理元素的Future，等待全部完成后再组装最终列表。

修改后的代码：

Future<void> readStoredData() async {
  try {
    final prefs = await SharedPreferences.getInstance();
    _rawJsonListE = prefs.getStringList('storedData');

    bool _isNeedUpdate = false;
    // 收集所有元素的处理任务
    final processingFutures = _rawJsonListE!.map((item) async {
      if (/* 你的item判断条件 */) {
        _isNeedUpdate = true;
        return await makeHttpCallFutureAwaitFunction(item);
      } else {
        return item;
      }
    }).toList();

    // 等待所有异步任务完成，直接得到处理后的完整列表
    final rawJsonListNEW = await Future.wait(processingFutures);

    if (_isNeedUpdate) {
      await prefs.setStringList('storedData', rawJsonListNEW);
    }

    notifyListeners();
  } catch (error) {
    print('Error : ${error}');
    throw error;
  }
}

额外注意事项 #

• 确保makeHttpCallFutureAwaitFunction直接返回更新后的updatedItem，原代码里的then链式调用容易导致变量作用域问题，用await直接接收返回值更清晰可靠。
• 保存到SharedPreferences时必须加await，避免保存操作还没完成就触发状态通知，导致UI或逻辑出现不一致。

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