如何在JavaScript中获取两个API？

Question

I need to fetch two APIs, one has all username and country and another API has user info. So I fetch the first API:

enter code here

let getUsername= new Promise(function(resolve,reject){
fetch(userUrl).then(function(response){
    return response.json()
}).then(function(response){
  return response.map((x=>x.name))
}).then(function(response){
    var name=response
    console.log(name)
    return name
})
})

and it the return value should be like that

[{name:'carlos',country:'mexico'},{name:'jenny',country:'germany'}]

and that array is only exist in getUsername fuction but I need to use that to fetch another api

names=[] enter code here

 let promisesArray = names.map(name=> {
 // make a new promise for each element of cities
 return new Promise((resolve, reject) => {
  let url = `http:// userinfo/${name}`
  request(url, function(error, response, body) {
    if (error) {
    reject(error);
    }
     var data = JSON.parse(body)
     var results = data.main
  // resolve once we have some data
  resolve(results);
});
})
})

   Promise.all(promisesArray)
  .then(function(results) {
   console.log(results)
   })
  .catch(function(error) {
    console.log(error)
    })

so what I need is I need to make a user array that only has a name from first API, so I can use map function to fetch second API.

Answer 1

Just destructure name out in your map call when you define users :

const users = userarray.map(({ name }) => fetch(`http://api.userdata.${name}`));

If you want it to be called username too, just alias it:

const users = userarray.map(({ name: username }) => fetch(`http://api.userdata.${username}`));