Access array-elements inside JSON-object

Question

I have the following json-object returned via response

the function

 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


    }
});

}

My question is how the movies-array are accessed in javascript? I cannot access it via response - if I do i get "undefined" returned.

i.e response.movies

undefined

or response.movies[0]

uncaught typerror cannot read property [0] of undefined

guest271314 · Accepted Answer · 2017-07-30 15:10:21Z

2

The property of the object appears to be "movies[]", not "movies", for which you can use bracket notation to get the value of

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

answered Jul 30, 2017 at 15:10

guest271314

1

Sign up to request clarification or add additional context in comments.

Comments

Mati · Accepted Answer · 2017-07-30 15:26:56Z

2

Try response['movies[]']. Also, you could console log the response object and inspect what is inside it

edited Jul 30, 2017 at 15:26

answered Jul 30, 2017 at 15:08

Mati

1,1481 gold badge12 silver badges27 bronze badges

1 Comment

java Over a year ago

I get undefined in both cases

Bourbia Brahim · Accepted Answer · 2017-07-31 07:57:45Z

2

in your back end you're returning with bad naming , so

to access that array you've to access it as below response.["movies[]"]

see below sample :

response = { "movies[]":  ["1","2","3"] };

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

edited Jul 31, 2017 at 7:57

answered Jul 30, 2017 at 15:10

Bourbia Brahim

14.7k4 gold badges45 silver badges55 bronze badges

Comments

ewwink · Accepted Answer · 2017-07-30 15:12:21Z

1

movies is array, use $.each or .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);
    })
  }
});

answered Jul 30, 2017 at 15:12

ewwink

19.3k2 gold badges49 silver badges56 bronze badges

Collectives™ on Stack Overflow

Access array-elements inside JSON-object

4 Answers 4

Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Related