JSON简介及使用

一、什么是JSON?

JSON是JavaScript对象表示法JSON是轻量级的文本数据交换格式JSON具有自我描述性，容易理解 二、JSON语法

数据在名称/值对中，数据由逗号分割大括号保存对象，中括号保存数组JSON中的值可以是：字符串，数字，逻辑值，数组，对象，null

三、JSON的对象

1.创建JSON对象

var user={ name:"周星驰", sex:"男", age:"52" } 2.访问JSON对象属性:对象名称.属性

user.name 3.修改JSON对象属性

user.name="修改内容" 4.删除JSON对象属性

delet user.age 5.遍历JSON对象

1）使用JQuery中$.each()遍历

var str=""; $.each(user,fonction(key,value){ str=str+value+" " //插入到div中 $("#content").text(str); }); 2）JavaScript使用for-in遍历 for(x in user){ document.getElementById("context").innerHTML +=user[x]+","; }

四、JSON中的数组

1.创建json中的的数组

var myboj={ sites:["百度",“腾讯”,"阿里巴巴"] } 2.根据索引访问数组属性

myboj.sites[0]

3.修改数组元素

myboj.sites[0]="修改内容"; 4.删除数组元素

delete myboj.sites[0]; 5.遍历数组元素

//for-in遍历 var x="" for(index in myboj){ x +=x+myboj[index]+","; } //for遍历 for(i=0;i<myboj.sites.length;i++){ x +=x+myboj[index]+","; } //插入到div中 doucment.getElementById("content").innerHTML=x; 五、嵌套JSON对象中的数组

<script type="text/javascript"> var z=""; var grop={ region:"中国", company:[ {cname:"百度",info:["地图","文库","贴吧"],}, {cname:"腾讯",info:["QQ","微信","游戏"],} ] } for(i in grop.company){ //遍历数组中json对象的属性cname z +="<h1>"+grop.company[i].cname+"</h1>"; //遍历json对象中的数组属性info for(j in grop.company[i].info){ z +=grop.company[i].info[j]+" "; } } document.getElementById("content").innerHTML=z; </script>