Asynchronous functions are used in forEach (). What should I do if this function requires (mid), one of the properties of item, as a jsonp parameter to get data asynchronously?

RT,list contains 100 songs. Now traverse it, get the mid, of each song as the getSongvkey (jsonp) parameter to get the vkey value asynchronously, and then add vkey as an attribute to the song through the creatSong method. This vkey value needs to be used to obtain the song"s playback link.

the problem now is that the data is obtained asynchronously. When I iterate through the forEach according to the following code, I can only get how the vkey, of the last item gets its mid every time it traverses an item, and then asynchronously gets its vkey return, and then processes the next item?. 

_normalizeSongs(list) {
  let ret = []
  list.forEach((item) => {
    let { musicData } = item
    if (musicData.songid && musicData.songmid && musicData.albummid) {
      getSongvkey(musicData.songmid).then(res => {
        if (res.code === ERR_OK) {
          let vkey = res.data.items[0].vkey
          ret.push(creatSong(musicData, vkey))
        }
      })
    }
  }
  return ret
}
Javascript
May.30,2021

async/await to see that this looks a lot like Synchronize. The place that encounters asynchronism will be blocked, and the asynchronous method execution will not continue until the execution of the asynchronous method is completed, which is similar to the effect of Synchronize execution. The usage of
is very simple. You can see it with a few examples from Baidu

take a chestnut, how to execute a promise callback and then go to the next

. 
function P(val) {//promise 
    return new Promise((reslove) => {
        setTimeout(() => {
            reslove(val)
        }, Math.random() * 1000)
    })
}

let arr = [1, 2, 3, 4, 8];

arr.map(v => P(v)).reduce((prev, curr) => {
    return prev.then(() => curr.then((val) => {
        console.log('one by one', val)
    }))
}, Promise.resolve())

you can use the async function es6 syntax, or use the generator function. Either use promise, or unwrap

_ normalizeSongs (list) {
let ret = []
list.forEach ((item) = > {

let { musicData } = item
if (musicData.songid && musicData.songmid && musicData.albummid) {
    (function(mid){
        getSongvkey(mid).then(res => {
            if (res.code === ERR_OK) {
              let vkey = res.data.items[0].vkey
              ret.push(creatSong(musicData, vkey))
            }
            if(ret.length == list.length){
                return ret
            }
          })
    })(musicData.songmid)
}

}
}

Promise.all learn about

Previous: How do I use regular expressions to delete in batches?

Next: Can laravel add multiple crontab to the server using scheduled tasks?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3af2b-2c25f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3af2b-2c25f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?