javascript - 尝试迭代 API 数据时遇到问题

Question

我正在尝试迭代从 AJAX 调用返回的数组，以记录程序的相关数据。

当我console.log(response.data.url)时，所有相关数据都会返回。但是，我需要将这些数据推送到数组中，以便稍后使用。我在函数内启动了一个 for 循环，但是当我检查控制台时，它返回一条错误消息:

url is undefined

自从函数正常工作之前的第一个 console.log 以来，我不确定错误来自哪里。我是编程新手。我的代码如下:

function callAJAX() {
  $.ajax({
    url: userSearchURL,
    method: "GET"
  }).then(function(response) {
    console.log(response.data.url)
    for (i = 0; i <= response.data.length; i++) {
       console.log(response.data[i].url)
    }
  })
}

Answer 1

所以这里发生的是你有一个带有键的对象。为了迭代对象(例如数组)，您需要利用内置的 Object.keys() 函数。尝试这样的方法来代替 for 循环:

Object.keys(response.data).forEach(dataKey => {
  console.log(response.data[dataKey])
});