使用JavaScript訪問JSON數組？

Question

我通過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);
}

你們能給我個提示嗎？

親切的問候

Answer 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]}`); } 

Answer 2

data不是數組，也不是JSON，它是對象文字。 您的最后一次嘗試即將結束，但是您需要訪問

data.data.title

或者您可以在成功參數中分解data

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