将变量插入JavaScript中的对象名称

Question

如果您查看下面发布的JSON，我有几个名为Row0，Row1，Row2等的对象...

我在下面进一步发布的代码工作，但不按预期发布。问题在于以下行：

for (let key in movies.row1) {

我硬编码row1，但我真的想实现的是row1，然后row2，然后row3等...

因此，我想将i的值插入词行之后的对象的名称中...

Movie.Rowi＆lt; ---我需要成为一个变量而不是字母i。

我尝试了谷歌搜索和stackoverflow的一些猜测。另外，尝试传播操作员之类的东西。

  function display_all_movies(movies) {

    for (i = 0; i < movies.row_count.count; i++) {

    for (let key in movies.row1) {

       document.getElementById("moviesList").innerHTML += `Key: ${key}` + `Value: ${movies.row1[key]}` + '<br>';

    }
  }
}

电影是JSON格式的对象，已验证。电影JSON如下：

{"row0" : {"title":"Avengers","imgName":"Avengers.jpeg","addedBy":"MrCoolDude","stars":"4"},"row1" : {"title":"Spiderman","imgName":"Spiderman.jpeg","addedBy":"TheNumber2Dude","stars":"5"},"row2" : {"title":"Conair","imgName":"conair.png","addedBy":"Eagleuser","stars":"3"}, "row_count" : {"count" : "4"},"row3" : {"title":"Robin","imgName":"Robin.jpeg","addedBy":"UserBatman","stars":"4"}}

Answer 1

使用括号符号进行动态属性访问。

for (let i = 0; i < movies.row_count.count; i++) {
    for (let key in movies[`row${i}`]) {
        document.getElementById("moviesList").innerHTML += `Key: ${key}` + `Value: ${movies[`row${i}`][key]}` + '<br>';
    }
}