訪問JSON對象內的數組元素

Question

我有以下通過響應返回的json對象

功能

 function getUserList() {

$.ajax({
    url: "https://reqres.in/api/users",
    type: "POST",
    data: {
        name: "paul rudd",
        movies: ["I Love You Man", "Role Models"]
    },
    success: function(response){

        console.log(response); // prints the object


    }
});

}

我的問題是如何在JavaScript中訪問電影數組 ？ 我無法通過響應訪問它-如果返回，則返回“未定義”。

即response.movi​​es

未定義

或response.movi​​es [0]

未捕獲的Typerror無法讀取未定義的屬性[0]

Answer 1

嘗試response['movies[]'] 。 另外，您可以控制台記錄response對象並檢查其中的內容

Answer 2

對象的屬性似乎是"movies[]" ，而不是"movies" ，您可以使用方括號表示法獲取其值

console.log(response["movies[]"][0])

Answer 3

在您的后端，您將以不好的命名返回，因此

要訪問該數組，您必須按以下response.["movies[]"]對其進行訪問response.["movies[]"]

參見以下示例：

 response = { "movies[]": ["1","2","3"] }; console.log(response["movies[]"]); 

Answer 4

電影是數組，請使用$.each或.forEach()

$.ajax({
  url: "https://reqres.in/api/users",
  type: "POST",
  data: {
    name: "paul rudd",
    movies: ["I Love You Man", "Role Models"]
  },
  success: function(response) {
    $.each(response.movies, function(index, value){
      // prints the object
      console.log(value);
    })
  }
});