异步执行的ES6 map方法变为同步执行（ts）

原谅我不够洒脱

已于 2023-12-08 13:24:15 修改

阅读量552

点赞数

文章标签： es6 javascript 前端

于 2023-12-08 11:45:24 首次发布

本文链接：https://blog.csdn.net/weixin_44441196/article/details/134874685

版权

背景：做一个业务时需要在map中执行async await，loadsh中也没找到，只能自己实现一个了

实现的方法

export const asyncMap = async <T,K>(list:T[], fn:(val:T, idx:number) => Promise<K>):Promise<K[]> => {
    const backList:K[] = [] 
    for (const key in list) {
        const item = list[key]
        backList.push(await fn(item, Number(key)))
    }
    return backList
}

使用示例

const list = [1,2,3];

(async() => {
    const backList = await asyncMap(list, async(val) => {
        return val + 1
    })
    console.log(backList);
})() // 输出结果[2,3,4]