node中循环异步的问题[‘解决方案‘]_源于map循环和for循环对异步事件配合async、await的支持

简介: 本文探讨了在Node.js中处理循环异步操作的问题,比较了使用map和for循环结合async/await处理异步事件的差异,并提供了解决方案。

首县,我先说一下我这个虚拟的需求,我从数据库中查找所有用户的信息,包括省市县,但是我存储的时候是以省码、市码、县码code的形式来存储到数据库的,所有我取出来的时候还需要去数据库省市县表中查找对应的name,所有产生了这个问题。

刚开始的思路很直接,很明确,就是找到所有人数据之后,进行循环,插入新属性,返回数据给前端。

//所有 user 用户信息
router.get('/queryAllUserInfo', async function (req, res, next) {
   
    let data = await Db.DBFunPro(`select user_info.uuid,user_info.name,user_info.sex,user_info.tel,user_info.pro,user_info.city,user_info.area,user.username,user.password,user_info.fileUrl from  user_info, user  where user.uuid = user_info.uuid`)
    let forFun = async (item) => {
   
        let prostr = await Db.DBFunPro(`select pro_name from pros where pro_id='${
     item.pro}'`)
        let citystr = await Db.DBFunPro(`select city_name from cities where city_id='${
     item.city}'`)
        let areastr = await Db.DBFunPro(`select area_name from areas where area_id='${
     item.area}'`)
        return prostr[0].pro_name + citystr[0].city_name + areastr[0].area_name
    }
    data.map(async item=>{
   
     let codeStr =  await  forFun(item)
        item.codeStr = codeStr
         console.log(item,'item');
    })
    res.send(endMassage(data))
});

上面的代码并不能解决问题,并没有将字段codeStr加上,但是在node端能打印到已经加上了,看下面两个图:
在这里插入图片描述
这是前端截图,发现并没有codeStr字段,但是:
在这里插入图片描述
node端打印是能获取到值的。发生了异步事件。

分割线==========================================================

分析:

在返回之后,map循环中的forFun才执行完,map循环的参数一个函数,map循环完一次调用多个函数,每一个函数的第一个参数item就是数组的每一项,map只管执行回调函数item=>{},只要这个执行完,就算执行完,并不管你这个函数里面是否是异步,所以,并不能通过async await的形式控制map循环。

当然,我们换一种形式,我们将循环放到函数里面 ,控制函数异步

//所有 user 用户信息
router.get('/queryAllUserInfo', async function (req, res, next) {
   
    let data = await Db.DBFunPro(`select user_info.uuid,user_info.name,user_info.sex,user_info.tel,user_info.pro,user_info.city,user_info.area,user.username,user.password,user_info.fileUrl from  user_info, user  where user.uuid = user_info.uuid`)
    let forFun = async (item) => {
   
        let prostr = await Db.DBFunPro(`select pro_name from pros where pro_id='${
     item.pro}'`)
        let citystr = await Db.DBFunPro(`select city_name from cities where city_id='${
     item.city}'`)
        let areastr = await Db.DBFunPro(`select area_name from areas where area_id='${
     item.area}'`)
        return prostr[0].pro_name + citystr[0].city_name + areastr[0].area_name
    }
    let datap = async () => {
   
        //map加不上
         data.map(async item => {
   
            let codeStr = await forFun(item)
            item.codeStr = codeStr
            console.log(item,'item');
        })
        return data
    }
    let datap2 = await datap()
    res.send(endMassage(datap2))
});

同样的,这也不行,原因和上面一样。

分割线==========================================================

下面我们不适用map来实现一下,我们使用for:

//所有 user 用户信息
router.get('/queryAllUserInfo', async function (req, res, next) {
   
    let data = await Db.DBFunPro(`select user_info.uuid,user_info.name,user_info.sex,user_info.tel,user_info.pro,user_info.city,user_info.area,user.username,user.password,user_info.fileUrl from  user_info, user  where user.uuid = user_info.uuid`)
    let forFun = async (item) => {
   
        let prostr = await Db.DBFunPro(`select pro_name from pros where pro_id='${
     item.pro}'`)
        let citystr = await Db.DBFunPro(`select city_name from cities where city_id='${
     item.city}'`)
        let areastr = await Db.DBFunPro(`select area_name from areas where area_id='${
     item.area}'`)
        return prostr[0].pro_name + citystr[0].city_name + areastr[0].area_name
    }
    //for可以加上
    for (let index = 0; index < data.length; index++) {
   
        let codeStr = await forFun(data[index])
        data[index].codeStr = codeStr
        console.log(data[index], 'data[index]');
    }
    res.send(endMassage(data))
});

在这里插入图片描述
在这里插入图片描述
很直接的完成了我们的需求,这源于for循环的机制流程:
在这里插入图片描述
首先判断1这个条件,执行2中的代码块,只有执行将await执行完,在执行3,以此循环。

目录
相关文章
|
5月前
|
JavaScript
DOM 属性列表(命名节点图 Named Node Map)
`DOM`中的`Named Node Map`是元素节点属性的列表,自动更新增删操作。代码示例载入&quot;books.xml&quot;,获取第一个`&lt;book&gt;`元素的属性列表,`x.length`显示属性数量,`x.getNamedItem(&quot;category&quot;).nodeValue`输出&quot;category&quot;属性值,如&quot;cooking&quot;,并显示属性总数1。
|
4月前
|
数据采集 JavaScript 前端开发
NodeJS技巧:在循环中管理异步函数的执行次数
在Node.js网络爬虫开发中,管理异步函数执行次数是关键。利用Promise.all、async/await或async库能优雅地控制并发。示例展示如何用async/await配合代理IP抓取数据,避免触发反爬策略。在循环中,每个异步请求只执行一次,保证请求有序进行,提高爬虫的稳定性和效率。通过正确的方法,可以有效应对网络爬虫的挑战。
NodeJS技巧:在循环中管理异步函数的执行次数
|
3月前
|
存储 JavaScript API
Node.js中的异步API
【8月更文挑战第16天】
33 1
|
4月前
|
人工智能 算法 大数据
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
这篇内容介绍了编程中避免使用 for 循环的一些方法,特别是针对 Python 语言。它强调了 for 循环在处理大数据或复杂逻辑时可能导致的性能、可读性和复杂度问题。
49 6
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
|
5月前
|
JavaScript
DOM 属性列表(命名节点图 Named Node Map)
`DOM`的`Named Node Map`是属性节点列表,由元素的`attributes`属性返回。它自动更新增删属性。示例代码加载&quot;books.xml&quot;,获取第一个`&lt;book&gt;`元素的属性列表,`x.getNamedItem(&quot;category&quot;).nodeValue`显示&quot;cooking&quot;,`x.length`显示属性数量1。
|
5月前
|
JavaScript
DOM 属性列表(命名节点图 Named Node Map)
**DOM的NamedNodeMap概括:**它表示元素的属性节点列表,如`&lt;book&gt;`的`attributes`。这个映射自动更新,添加或删除属性时响应变化。代码示例加载&quot;books.xml&quot;,获取首个`&lt;book&gt;`的属性,`x.getNamedItem(&quot;category&quot;).nodeValue`显示类别,`x.length`显示属性数。输出示例:类别为&quot;cooking&quot;,属性计数为1。
|
2月前
|
Go 定位技术 索引
Go 语言Map(集合) | 19
Go 语言Map(集合) | 19
|
2月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
25天前
|
存储 分布式计算 Java
Stream很好,Map很酷,但答应我别用toMap():Java开发中的高效集合操作
在Java的世界里,Stream API和Map集合无疑是两大强大的工具,它们极大地简化了数据处理和集合操作的复杂度。然而,在享受这些便利的同时,我们也应当警惕一些潜在的陷阱,尤其是当Stream与Map结合使用时。本文将深入探讨Stream与Map的优雅用法,并特别指出在使用toMap()方法时需要注意的问题,旨在帮助大家在工作中更高效、更安全地使用这些技术。
33 0
|
3月前
|
存储 安全 Java
java集合框架复习----(4)Map、List、set
这篇文章是Java集合框架的复习总结,重点介绍了Map集合的特点和HashMap的使用,以及Collections工具类的使用示例,同时回顾了List、Set和Map集合的概念和特点,以及Collection工具类的作用。
java集合框架复习----(4)Map、List、set