异步执行的ES6 map方法变为同步执行(ts)

背景:做一个业务时需要在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]

你可能感兴趣的:(es6,javascript,前端)