json的值可以是数字（整数或浮点数），字符串（在双引号中），逻辑值（true 或 false），数组（在中括号中），对象（在大括号中），null
下面总结一下json数据格式的遍历与取值
course = [ { "key" :"初级","value": [{"one": "java基础上", "two": "java基础下", "three": "初级项目"}] }, { "key" :"中级","value": [{"one": "web前端技术", "two": "oracle数据库", "three": "web后端技术"}] }, { "key" :"高级","value": [{"one": "java三大框架", "two": "高级项目", "three": "springMVC"}] } ] 上面是一个json实例，如果我想要取到“Java基础上”应该怎么取呢？首先分析一下上面这个例子最外层是数组包裹着对象，首先我们要取到第一个对象就是course[0]，然后就是取对象里键值对的值，course[0].value。course[0].value的含义就是[{"one": "java基础上", "two": "java基础下", "three": "初级项目"}]，然后接着再次取，发现又是数组，所以是course[0].value[0].one，这样就取到“Java基础上”这个值啦！下面遍历一下这个json实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p> 阶段选择： <select id="stage" style="width: 150px" οnchange="changeStage()"> <option>--选择所处阶段--</option> </select> 课程选择： <select id="course" style="width: 150px"> <option>--选择所学课程--</option> </select> </p> </body> <script> var course = [ { "key" :"初级","value": [{"one": "java基础上", "two": "java基础下", "three": "初级项目"}] }, { "key" :"中级","value": [{"one": "web前端技术", "two": "oracle数据库", "three": "web后端技术"}] }, { "key" :"高级","value": [{"one": "java三大框架", "two": "高级项目", "three": "springMVC"}] } ] // 下拉列表 function initStage() { var stageSel = document.getElementById("stage") for(var i=0;i<course.length;i++){ stageSel.add(new Option(course[i].key,course[i].key),null) } } window.onload = initStage()//加载界面时执行该函数 function changeStage() { var stageValue = document.getElementById("stage").value var courseSel = document.getElementById("course") courseSel.options.length = 0 for(var i=0;i<course.length;i++){ if(course[i].key == stageValue){ for(var j in course[i].value[0]){ courseSel.add(new Option(course[i].value[0][j],course[i].value[0][j]),null) } } } } </script> </html> 注：代码可直接运行