如何从我从函数调用axios.get（）调用的响应中获得特定的数组元素[duplicate]

Question

我正在使用Axios API从APIendpoint读/写。带有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])；，但我无法实现这一点。有什么方法可以做到这一点吗？

Answer 1

能够通过以下方式实现这一点：

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