使用 Javascript 访问 JSON 数组？答案

【问题标题】：Access JSON Array with Javascript?使用 Javascript 访问 JSON 数组？
【发布时间】：2018-06-28 17:03:29
【问题描述】：

我通过 Ajax 请求获得了一个 JSON 数组。这个看起来像这样：

{  
   "data":{  
      "title":"Frau",
      "academic_title":null,
      "first_name":"Lynda",
      "last_name":"McCrow",
      "company":"Tekfly",
      "street":"Sage",
      "zip":"4860-077",
      "country":"Portugal",
      "city":"Quinta",
      "phone":"6727086107",
      "fax":"4941912651",
      "mobile":"3722716317",
      "email":"lmccrow7@newyorker.com",
      "web":"shop-pro.jp",
      "mailbox":"81-0982335",
      "mailbox_country":"Indonesia",
      "mailbox_zip":null,
      "mailbox_city":"Susoh",
      "birthday":"1977-02-11"
   }
}

但我不知道如何访问 JSON 数组。我已经尝试了所有这些：

success: function(data) {
 console.log(data[0].data.title);
 console.log(data[0].title);
 console.log(data.data[0].title);
 console.log(data.title);
}

你们能给我一个提示吗？

亲切的问候

【问题讨论】：

这是一个对象而不是数组。试试 data.data.title
Access / process (nested) objects, arrays or JSON的可能重复

标签： javascript jquery arrays json ajax

【解决方案1】：

您已经尝试了所有方法，除了：

data.data.title

它是一个对象，您需要使用Object.key() 或其他东西进行迭代。从技术上讲，它是这样的：

// Inside your function, this is what gets passed.
data = {  
   "data":{  
      "title":"Frau",
      "academic_title":null,
      "first_name":"Lynda",
      "last_name":"McCrow",
      "company":"Tekfly",
      "street":"Sage",
      "zip":"4860-077",
      "country":"Portugal",
      "city":"Quinta",
      "phone":"6727086107",
      "fax":"4941912651",
      "mobile":"3722716317",
      "email":"lmccrow7@newyorker.com",
      "web":"shop-pro.jp",
      "mailbox":"81-0982335",
      "mailbox_country":"Indonesia",
      "mailbox_zip":null,
      "mailbox_city":"Susoh",
      "birthday":"1977-02-11"
   }
};

for (var key in data.data) {
  console.log(`${key}: ${data.data[key]}`);
}

【讨论】：

【解决方案2】：

data 不是数组，也不是 JSON，它是一个对象字面量。您的最后一次尝试已接近尾声，但您需要访问

data.data.title

或者你可以在成功参数中解构data

success: function({data}) {
    // now you could access data.title directly
    console.log(data.title);
}

【讨论】：