搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JSON 教程
JSON 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JSON 遍历嵌套数组示例 - 基础教程(div.cn)</title> <body> <h2>遍历嵌套数组</h2> <p id="output"></p> <script> var x = ""; var myJSON = { "name":"Seagull", "age":22, "friends": [ { "heroName": "Deadpool", "skills": ["Martial artist", "Assassin"] }, { "heroName": "Hulk", "skills": ["Superhuman Speed", "Superhuman Strength"] }, { "heroName": "Thanos", "skills": ["Telepathy", "Superhuman senses"] } ] } for(let i in myJSON.friends) { x += "<h3>" + myJSON.friends[i].heroName + "</h3>"; for(let j in myJSON.friends[i].skills) { x += myJSON.friends[i].skills[j] + "<br>"; } } document.getElementById("output").innerHTML = x; </script> </body> </html>
运行结果
