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>