javascript - 获取数组中对象的对象属性

Question

使用纯 JavaScript，我尝试访问数组 movies 中所有对象的属性 theatricalrelease。

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

正如您所看到的，我尝试在另一个 for 循环中使用另一个 for 循环，因为我希望它循环遍历对象的索引名称。相反，记录 property 为我提供了每个索引的名称。我如何访问每部电影的院线上映？

Answer 1

问题是您有一个包含一个对象的数组，并且代码底部有一个额外的 } 括号。我对你的数组做了一些更改，以达到我相信你的意图。现在，这会在您的 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'])
}