JSON案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3xue教程(w3xue.com)</title>
</head>
<body>
​
<p>循环内嵌数组：</p>
​
<p id="demo"></p>
​
<script>
​
var myObj, i, j, x = "";
myObj = {
    "name":"网站",
    "num":3,
    "sites": [
        { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
        { "name":"W3xue", "info":[ "W3xue教程", "W3xue工具", "W3xue微信" ] },
        { "name":"Taobao", "info":[ "淘宝", "网购" ] }
    ]
}
​
for (i in myObj.sites) {
    x += "<h1>" + myObj.sites[i].name + "</h1>";
    for (j in myObj.sites[i].info) {
        x += myObj.sites[i].info[j] + "<br>";
    }
}
​
document.getElementById("demo").innerHTML = x;
​
</script>
​
</body>
</html>