使用 axios 返回位置

Question

我正在尝试遍历对象数组并使用对象的值调用我的 API。然后登录控制台。我的 API 正在返回所需的值，但输出是这样的： [ Promise { <pending> }, Promise { <pending> } ]

我的功能：

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));

Answer 1

您正在向 API 发出多次调用，从而创建了多个 Promise。您在控制台中看到的是这些承诺对象的数组。您需要编写如下代码来等待它们全部完成。

...
Promise.all(geoEncode()).then((values) => {
  console.log(values);
});
...

Answer 2

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() 确保所有同步代码的数组都成功执行，并返回一个解析为结果数组的 Promise。