Javascript 如何从包含许多相同字段的json文件创建for循环，并以html显示它？

我希望能够返回一个值，在html页面上的一个单独的div中显示每个游戏。我知道这里面会有一些javascript，可以让它在游戏中循环。我只是不知道是什么。有人知道如何用html和javascript显示这些数据吗？我想知道每场比赛的主队、客队和预定场地。提前谢谢

"games": [
{
  "id": "3950bf88-7d69-45cb-957f-9b73ffca1d6e",
  "status": "closed",
  "coverage": "full",
  "scheduled": "2015-10-28T00:00:00+00:00",
  "venue": {
    "id": "fd21f639-8a47-51ac-a5dd-590629d445cf",
    "name": "Philips Arena",
    "capacity": 18047,
    "address": "One Philips Drive",
    "city": "Atlanta",
    "state": "GA",
    "zip": "30303",
    "country": "USA"
  },
  "broadcast": {
    "network": "FS-SE",
    "satellite": "649"
  },
  "home": {
    "name": "Atlanta Hawks",
    "alias": "ATL",
    "id": "583ecb8f-fb46-11e1-82cb-f4ce4684ea4c"
  },
  "away": {
    "name": "Detroit Pistons",
    "alias": "DET",
    "id": "583ec928-fb46-11e1-82cb-f4ce4684ea4c"
  }
},
{
  "id": "f00b4cf7-4722-4ffb-8d6a-9d378f370228",
  "status": "closed",
  "coverage": "full",
  "scheduled": "2015-10-28T00:00:00+00:00",
  "venue": {
    "id": "38911649-acfd-551a-949b-68f0fcaa44e7",
    "name": "United Center",
    "capacity": 20917,
    "address": "1901 W. Madison St.",
    "city": "Chicago",
    "state": "IL",
    "zip": "60612",
    "country": "USA"
  },
  "broadcast": {
    "network": "TNT",
    "satellite": "245"
  },
  "home": {
    "name": "Chicago Bulls",
    "alias": "CHI",
    "id": "583ec5fd-fb46-11e1-82cb-f4ce4684ea4c"
  },
  "away": {
    "name": "Cleveland Cavaliers",
    "alias": "CLE",
    "id": "583ec773-fb46-11e1-82cb-f4ce4684ea4c"
  }

游戏=[
{
“id”：“3950bf88-7d69-45cb-957f-9b73ffca1d6e”，
“状态”：“已关闭”，
“覆盖范围”：“完整”，
“计划”：“2015-10-28:00:00+00:00”，
“地点”：{
“id”：“fd21f639-8a47-51ac-a5dd-590629d445cf”，
“名称”：“飞利浦竞技场”，
“容量”：18047，
“地址”：“一个飞利浦硬盘”，
“城市”：“亚特兰大”，
“州”：“GA”，
“zip”：“30303”，
“国家”：“美国”
},
“广播”：{
“网络”：“FS-SE”，
“卫星”：“649”
},
“家”：{
“姓名”：“亚特兰大鹰队”，
“别名”：“ATL”，
“id”：“583ecb8f-fb46-11e1-82cb-f4ce4684ea4c”
},
“离开”：{
“名称”：“底特律活塞”，
“别名”：“DET”，
“id”：“583ec928-fb46-11e1-82cb-f4ce4684ea4c”
}
},
{
“id”：“f00b4cf7-4722-4ffb-8d6a-9d378f370228”，
“状态”：“已关闭”，
“覆盖范围”：“完整”，
“计划”：“2015-10-28:00:00+00:00”，
“地点”：{
“id”：“38911649-acfd-551a-949b-68f0fcaa44e7”，
“名称”：“联合中心”，
“能力”：20917，
“地址”：“1901 W.麦迪逊街”，
“城市”：“芝加哥”，
“州”：“IL”，
“zip”：“60612”，
“国家”：“美国”
},
“广播”：{
“网络”：“TNT”，
“卫星”：“245”
},
“家”：{
“名称”：“芝加哥公牛队”，
“别名”：“CHI”，
“id”：“583ec5fd-fb46-11e1-82cb-f4ce4684ea4c”
},
“离开”：{
“名字”：“克利夫兰骑士队”，
“别名”：“CLE”，
“id”：“583ec773-fb46-11e1-82cb-f4ce4684ea4c”
}
}
];
对于（游戏中的g）
{
d=document.createElement（'div'）；
d、 innerText=games[g]。计划+游戏[g]。home.name+games[g]。away.name；
文件.正文.附件（d）；
}

这是一个for循环，用于获取所需字段

 for(var i=0;i<games.length;i++){
  console.log('home'+i+games[i].home.name);
  console.log('away'+i+games[i].away.name);
  console.log('scheduled'+i+games[i].scheduled);
}

---

for（var i=0；i迭代数组并获取相应的键。然后您可以将这些键封装在任何html元素中，即div、span、p。您还可以根据需要为这些元素提供样式

在下面的代码片段中，我添加了一个换行符“BR tag”并附加到body中。这是一个纯javascript实现。您可以将它放在特定的容器/div中

    var _innerHtml="";
    data.games.forEach(function(d){_innerHtml+=('scheduled:'+d.scheduled+', hometeam:'+d.home.name+', awayTeam:'+d.away.name+'<br/>')});
document.body.innerHTML=_innerHtml

var_innerHtml=”“；
data.games.forEach（函数（d）{{u innerHtml+=（'scheduled:'+d.scheduled+'，hometeam:'+d.home.name+'，awayTeam:'+d.away.name+'
'））；
document.body.innerHTML=\u innerHTML
我建议使用d3jsmustache.js是将json转换为有意义的HTMLoops的一种简单方法。我的缺点是，有两个元素。非常感谢！非常感谢！只需勾选plzi做过的回答，但它说我必须获得一些声誉点数。非常感谢！
    var _innerHtml="";
    data.games.forEach(function(d){_innerHtml+=('scheduled:'+d.scheduled+', hometeam:'+d.home.name+', awayTeam:'+d.away.name+'<br/>')});
document.body.innerHTML=_innerHtml