Returing positions using axios

user_14914282 0
Viewed 36

I am trying to iterate through an array of objects and call my API using the value of the object. And then log in to the console. My API is returning the values needed, but the output is this: [ Promise { <pending> }, Promise { <pending> } ]

My function:

async function geoEncode() {
  const clients = [
    {
      nome: "John",
      address: "Jardim Planalto Sinibaldo Cassino 33",
    },

    {
      nome: "Joseph",
      address: "R. Afrizia Martins Sanacato - Jardim Natalia",
    },
  ];
  const baseUrl = "https://api.tomtom.com";
  const endPoint = "search/2/geocode";
  const format = ".json";
  const apiKey = "Hq2eTTQvtJRna5MMAsAsARlsQCxv5XjR";
  const clientsPositions = clients.map(async (client) => {
    const address = client.address;
    const position = await axios
      .get(`${baseUrl}/${endPoint}/${address}${format}/?key=${apiKey}&limit=1`)
      .then((response) => response.data.results[0].position)
      .catch((error) => error.detailedMessage);
    return position;
  });
  return clientsPositions;
}

geoEncode().then((result) => console.log(result));
axios node.js asynchronous javascript
2 Answers

You are issuing multiple calls to the API and thus creating multiple promises. What you are seeing in the console is an array of those promise objects. You need to write code like below to wait for all of them to complete.

...
Promise.all(geoEncode()).then((values) => {
  console.log(values);
});
...
user_125095350 
async function geoEncode() {
  const clients = [
    {
      nome: "John",
      address: "Jardim Planalto Sinibaldo Cassino 33",
    },

    {
      nome: "Joseph",
      address: "R. Afrizia Martins Sanacato - Jardim Natalia",
    },
  ];
  const baseUrl = "https://api.tomtom.com";
  const endPoint = "search/2/geocode";
  const format = ".json";
  const apiKey = "Hq2eTTQvtJRna5MMAsAsARlsQCxv5XjR";
  const clientsPositions = Promise.all(
    clients.map(async (client) => {
      const address = client.address;
      const position = await axios
        .get(
          `${baseUrl}/${endPoint}/${address}${format}/?key=${apiKey}&limit=1`
        )
        .then((response) => response.data.results[0].position)
        .catch((error) => error.detailedMessage);
      return position;
    })
  );
  return clientsPositions;
}

geoEncode().then((result) => console.log(result));

Promise.All () ensures that the array of all sync codes is executed successfully, and returns a single promise that resolves to an array of the results.

user_150746340
Related