如何从我得到的数组中获取特定的数组元素作为调用 axios.get() 调用的函数的响应 [重复]

Posted 2023-02-19

【中文标题】如何从我得到的数组中获取特定的数组元素作为调用 axios.get() 调用的函数的响应 [重复]

【英文标题】：How to get a particular array element from the array i get as response from a function calling axios.get() call [duplicate]

【发布时间】：2020-12-12 07:28:06

【问题描述】：

我正在使用 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”，但我无法实现这一点。有什么方法可以实现吗？

【问题讨论】：

您是否尝试过将“等待”从数据中删除到 data = response.data，您已经在请求中等待

@jonrsharpe 感谢您的指点。我是 javascript 新手 世界不知道 Axios Lib 或 JavaScript 本身的异步特性。通过您提供的链接找到了解决该问题的方法。

@luis 感谢您的建议，但这并没有什么不同。

【参考方案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);