美文网首页
ES9 for await ( let item of arr)

ES9 for await ( let item of arr)

作者: 乐宝呗 | 来源:发表于2023-03-15 15:58 被阅读0次

    开发过程中,有时我们会有在遍历中请求接口 获取数据的需要。怎么做呢? ES9 中 提供了for await of


    image.png

    完整代码如下:

    function getCoverUrl (minio) {
    //  我们这里用Promise 模仿请求接口
    return new Promise(function (resolve, reject) {
      setTimeout(function () {
        resolve(minio+'哈哈')
      }, 1000)
    })
    }
    async function transformData () {
    let arr = [{id:'1625340236856639490'},{id:'1625340236856639491'}]
    for await (let item of arr) {
       getCoverUrl(item.id).then(res=>{
         item.id = res
      })
    }
    console.log(arr)
    }
    transformData()
    

    这样就给每条数据的id 换成了请求接口后的数据。是不是很简单~~

    相关文章

      网友评论

          本文标题:ES9 for await ( let item of arr)

          本文链接:https://www.haomeiwen.com/subject/zhilrdtx.html