在forEach中使用await/async被坑

BinAnt

于 2023-03-03 11:29:30 发布

阅读量226

点赞数

分类专栏： javascript Web ES6 文章标签： javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/u014049463/article/details/129313590

版权

在项目中遇到数组异步获取值的问题，发现在forEach中使用await/async导致值未正确获取。官方文档指出forEach的回调函数必须是同步的。解决方案包括使用for...of循环或Array.map。提醒开发者要熟悉常用数组操作并多查阅文档。

摘要由CSDN通过智能技术生成

昨天项目中,一个数组中的值需要异步获取,最后发现老是不对,打了好多断点,最最后才意识到可能是forEach中await没有获取到值, 网上已经有很多答案了,我自己再记录一遍,加深印象.

问题现象

  Object.values(formInstance).forEach(async (ele) => {
    const { name, checked, value } = ele;
    const eleVal = name.indexOf("CHECKBOX") !== -1 ? String(checked) : value;
    formData.push({
        FieldID: name,
        FieldValue: name === "DATETEXT2" ? await getDate() :eleVal,
      });
  });

现象就是formData中最后DATETEXT2没有. forEach平常使用得挺多的, 里面跟一个callbackFn, 结果没有意识到callbackFn 不能是异步function.