Get object properties for objects in array

Question

Using plain Javascript, I am trying to access a property, theatricalrelease for all objects in an array, movies.

var movies = [{
  "Black Panther" : {
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },
  "Infinity War" : {
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },
  "Captain Marvel" : {
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }
}];

for (var i = 0; i < movies.length; i++) {
  console.log(movies[i]);
  //TRIED
    for (var property in movies[i]) {
      if (movies[i].hasOwnProperty(property)) {
          console.log(property);
      }
    }
  }
}

As you can see, I tried to use another for loop inside another one as I expected it to loop over the object's index names. Instead, logging property gave me the name of each index. How can I access each movie's theatrical realease?

You realize that there's only one element in your movies array, right? — Heretic Monkey
– Heretic Monkey, Commented Mar 8, 2018 at 21:30
Should the syntax be var movies =[ "Black Panther" :{...}, "Infinity War":{...}...]? — cfoster5
– cfoster5, Commented Mar 8, 2018 at 21:33
you have one extra } for first for loop, then give a try by replacing console.log(property); with console.log(movies[i][property]['theatricalrelease']); — Sphinx
– Sphinx, Commented Mar 8, 2018 at 21:34
Syntax should be [{title:"Black Panther",...},{title:"Infinity War",...}] if you want an array of objects. What you had is fine, it's just not an array. — Heretic Monkey
– Heretic Monkey, Commented Mar 8, 2018 at 21:35

Tyler · Accepted Answer · 2018-03-08 21:35:26Z

2

The problem is you have an array of one object and an extra } bracket at the bottom of the code. I made some changes to your array to what I believe you intended. This now prints the theatrical release in your console.log.

var movies = [{
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },{
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },{
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }];

for (var i = 0; i < movies.length; i++) {
  console.log(movies[i]);
  console.log('theatrical release', movies[i]['theatricalrelease'])
}

answered Mar 8, 2018 at 21:35

Tyler

1,0491 gold badge8 silver badges20 bronze badges

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

Comments

Ele · Accepted Answer · 2018-03-08 21:53:47Z

1

According to your approach: Only one element:

var movies = [{  "title": "Black Panther",  "theatricalrelease": "2/16/2018"}, {  "title": "Avengers: Infinity War",  "theatricalrelease": "5/4/2018"}, {  "title": "Captain Marvel",  "theatricalrelease": "TBA"}];

movies.forEach(({theatricalrelease}) => console.log(theatricalrelease));

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Mar 8, 2018 at 21:53

answered Mar 8, 2018 at 21:39

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Collectives™ on Stack Overflow

Get object properties for objects in array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related