访问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);
    })
  }
});