Javascript 循环不会返回所有数据_Javascript_Json_Html

Javascript 循环不会返回所有数据

javascript json html

Javascript 循环不会返回所有数据,javascript,json,html,Javascript,Json,Html,我有两个嵌套循环，第一个用于获取状态，第二个用于获取状态的引用。但是循环不会返回所有的州或城市，只返回其中的一些。这是我的html5和JavaScript代码 <html > <head > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cities</title> </head> <body dir="rtl"

我有两个嵌套循环，第一个用于获取状态，第二个用于获取状态的引用。但是循环不会返回所有的州或城市，只返回其中的一些。这是我的html5和JavaScript代码

<html >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cities</title>
</head>
<body dir="rtl">
<nav class="current">
<button class='back' >Navigation</button>
<h1>States</h1>
</nav>  
<article id="main" class="current">
<section>
  <ul class='list' role='list'>
    <li class='comp' data-goto="Cairo">
      <div>
        <h3>Cairo</h3>
      </div>
      <aside>
        <span class='nav'></span>
      </aside>
    </li>
</ul>
</section>
</article>
<div id="placeholder"></div>
<script language="javascript" type="text/javascript">

var City={"Cairo":
[{"id":1,"name":"القاهرة","gov":"القاهرة","gov_id":"1"},{"id":8,"name":"الرحاب","gov":"القاهرة","gov_id":"1"},{"id":10,"name":"القاهرة الجديدة","gov":"القاهرة","gov_id":"1"},{"id":23,"name":"الشروق","gov":"القاهرة","gov_id":"1"},{"id":34,"name":"مدينة السلام","gov":"القاهرة","gov_id":"1"}], 
"Giza":[{"id":2,"name":"الجيزة","gov":"الجيزة","gov_id":"2"},{"id":9,"name":"الشيخ زايد","gov":"الجيزة","gov_id":"2"},{"id":13,"name":"6 أكتوبر","gov":"الجيزة","gov_id":"2"}],
"Alexandria":[{"id":3,"name":"الاسكندرية","gov":"الاسكندرية","gov_id":"3"}],
"Ismaïlia":[{"id":4,"name":"الاسماعيلية","gov":"الاسماعيلية","gov_id":"4"}],
"Aswan":[{"id":5,"name":"اسوان","gov":"اسوان","gov_id":"5"}],
"Asuit":[{"id":6,"name":"اسيوط","gov":"اسيوط","gov_id":"6"}],
"Luxor":[{"id":7,"name":"الاقصر","gov":"الاقصر","gov_id":"7"},{"id":31,"name":"أدفو","gov":"الاقصر","gov_id":"7"}],
"Red-Sea":[{"id":29,"name":"الغردقة","gov":"البحر الاحمر","gov_id":"8"}],
"Beheira ":[{"id":11,"name":"رشيد","gov":"البحيرة","gov_id":"9"},{"id":16,"name":"دمنهور","gov":"البحيرة","gov_id":"9"}]};

     var mdata=""; 
Object.keys(City).forEach(function(value, key) {
        mdata=mdata+"<article id='" + value + "' class='next'>";
        mdata=mdata+"<section>";
        mdata=mdata+"<ul id='blog-list' class='list'>";

         City[value].forEach(function(v, k) {

         mdata=mdata+"<li class='comp' data-goto='detail'>"+
                    "<table style='width: 100%' cellspacing='0' cellpadding='0'>"+
                    "<tr>" +
                    "<td style='width:12%'><img src='images/vets/cat-icon.png' style='width:70%;height:60%' valign='middle'></td>"+
                    "<td style='font-size:large;' valign='top'><h3>" + v.name +
                    "</h3></td></tr></table></li><aside><span class='nav'></span></aside>";                                     
        })                  
        });
        mdata=mdata+"</ul>";
        mdata=mdata+"</section>";
        mdata=mdata+"</article>";
        document.getElementById("placeholder").innerHTML= mdata;
         </script>
</body>
</html>


城市
航行
州


开罗


var City={“开罗”：
1、“名称”1，“名称”1、“id”1，“名称”1，“名称”1、“名称”1、“名称”8，“名称”8，“名称”8，“名称”8，“名称”8，“名称”8，“157555555555存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存存政府：政府：政府：政府：身份证：1，身份证：23，姓名：政府：姓名：1，身份证：34，姓名：“政府id”：“1”}，
“政府当局”、“政府”：“15777”、“151577周日周日”的吉吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的吉萨市的门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门“政府”：“政府id”：“2”}，
“亚历山大港”：[“id”：3，“名称”：“id”：“gov”；“gov”；“gov”；“3”，
“Ismaïlia”：[{“id”：4，“姓名”：“政府”：“政府id”：“4”，
“阿斯旺”：[{“id”：5，“姓名”：“政府”：“政府”：“政府id”：“5”]，
“Asuit”：[{“id”：6，“名称”：“政府”：“政府”：“政府id”：“6”]，
“卢克索”：[{“id”：7，“姓名”：“政府”：“政府”：“政府id”：“7”），{“id”：31，“姓名”：“政府id”：“政府id”：“7”，
“红海”：[“id”：29，“名称”：“政府”：“政府”：“政府id”：“政府id”：“8”，
“Beheira”：“id”：11，“name”：“gov”：“gov”：“gov”：“gov”：“gov”：“9”），“id”：16，“name”：“gov”：“9”）；
var mdata=“”；
Object.keys（城市）.forEach（函数（值，键）{
mdata=mdata+“”；
mdata=mdata+“”；
mdata=mdata+“”；
城市[value].forEach（函数（v，k）{
mdata=mdata+“”+
""+
"" +
""+
“”+v.name+
“”；
})                  
});
mdata=mdata+“”；
mdata=mdata+“”；
mdata=mdata+“”；
document.getElementById（“占位符”）.innerHTML=mdata；

您正在创建大量的

文章

，

部分

，以及

ul

开始标记，然后只关闭它们一次

将第一个

forEach

循环的结尾移动到关闭

文章

标记之后和设置

innerHTML

之前