Javascript 如何从调用axios.get（）调用的函数的响应数组中获取特定数组元素

我正在使用Axios API从API端点读/写。带有axios调用的异步函数返回一些响应（数组）。我可以使用console.log（）打印响应（数组），但我想使用下标（[]）访问单个数组元素，但每次都失败

然而，当在chrome上检查控制台日志时，我可以将响应视为一个数组，但无法使用特定索引处的数据进行进一步处理

代码如下：

  async function asyncFunc() {
  try {
    // fetch data from a url endpoint
    const response = await axios.get("https://jsonplaceholder.typicode.com/posts");
    data = await response.data;

    return data;
  } catch (error) {
    alert(error); // catches both errors
  }
}

var res = asyncFunc();
console.log("printing response");
console.log(res);

---

从上面的代码中，我得到了一个包含100个元素的数组形式的响应。但是我想访问任何特定索引中的元素，例如像

console.log（res[3]）这样的“3”但我无法实现这一点。有什么方法可以实现这一点吗？
可以通过以下方式实现：

function foo() {
  // RETURN the promise
  return axios.get("https://jsonplaceholder.typicode.com/posts").then(function (response) {
    return response;
  });
}

var item = [];
var res = foo().then(function (response) {
  item.push(response.data[1]);
});
console.log(item);

您是否已尝试将“wait”从data中删除为data=response.data，在request@jonrsharpe谢谢你的指点。我是JavaScript新手，不知道Axios库或JavaScript本身的异步性质。通过查看您提供的链接找到了解决此问题的方法。@luis感谢您的建议，但这并没有什么不同。