json学习笔记

json：JavaScript Object notation的缩写，JSON 指的是 JavaScript 对象表示法

值可以是：

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

//定义一个json 对象
var jsonOb={
"name":"rain",
"sex":"man",
"age":"21",
"height":"70",
}

 

解析："{}" 括起来表示对象数据 　　写法"键":"值",

js处理json对象

alert(jsonOb.name)  取出键为"name"的值

 

实例：

//HTML代码
<div id="cont"></div>

 

//json对象
var jsonOb={
        "student":[
                   {"name":"小明","class":"2班","tel":"110"},
                   {"name":"小芳","class":"4班","tel":"119"},
                   {"name":"小丽","class":"3班","tel":"120"},
                   {"name":"小王","class":"7班","tel":"114"},
                       ]
}

 

//定义一个数组，用于存放数据
var arr=new Array();
for(var json in jsonOb){
    for(var i=0;i<jsonOb[json].length;i++){
        arr[i]=new Array();
        var j=0;
        for(var jj in jsonOb[json][i]){
            arr[i][j]=jsonOb[json][i][jj];
            j++;
            }
        }
}
document.getElementById("cont").innerHTML+="姓名&nbsp;&nbsp;&nbsp;&nbsp;班级&nbsp;&nbsp;&nbsp;&nbsp;手机<br/>"
for(var i=0;i<arr.length;i++){
    for(var j=0;j<arr[i].length;j++){
        if(j<arr[i].length-1){
        document.getElementById("cont").innerHTML+=arr[i][j]+"&nbsp;&nbsp;&nbsp;&nbsp;";
        }else{
            document.getElementById("cont").innerHTML+=arr[i][j];
        }
    }
    document.getElementById("cont").innerHTML+="<br/>";
}

 

提示：

1：json不能直接获取其长度

2：json中的数组可以获取长度

3：向同一个HTML标签内添加内容可以用   innerHTML+="内容"