JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。
1. JSON两种结构
JSON有两种表示结构,对象和数组。
对象结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”key(关键字)/value(值)”对构成,关键字和值之间以”:”分隔,语法结构如代码。
{ key1:value1, key2:value2, ... }
其中关键字是字符串,而值可以是字符串,数值,true,false,null,对象或数组
数组结构以”[”开始,”]”结束。中间由0或多个以”,”分隔的值列表组成,语法结构如代码。
[ { key1:value1, key2:value2 }, { key3:value3, key4:value4 } ]
2. 认识JSON字符串
之前我一直有个困惑,分不清普通字符串,json字符串和json对象的区别。经过一番研究终于给弄明白了。比如在js中。
字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = 'this is string';
json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json对象:指符合json格式要求的js对象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };
3. JS中如何使用JSON
JSON是JS的一个子集,所以可以在JS中轻松地读,写JSON。读和写JSON都有两种方法,分别是利用”.”操作符和“[key]”的方式。
我们首先定义一个JSON对象,代码如下。
1 var obj = { 2 1: "value1", 3 "2": "value2", 4 count: 3, 5 person: [ //数组结构JSON对象,可以嵌套使用 6 { 7 id: 1, 8 name: "张三" 9 }, 10 { 11 id: 2, 12 name: "李四" 13 } 14 ], 15 object: { //对象结构JSON对象 16 id: 1, 17 msg: "对象里的对象" 18 } 19 };
(1)从JSON中读数据
1 function ReadJSON() { 2 alert(obj.1); //会报语法错误,可以用alert(obj["1"]);说明数字最好不要做关键字 3 alert(obj.2); //同上 4 5 alert(obj.person[0].name); //或者alert(obj.person[0]["name"]) 6 alert(obj.object.msg); //或者alert(obj.object["msg"]) 7 }
(2)向JSON中写数据,比如要往JSON中增加一条数据,代码如下:
1 function Add() { 2 //往JSON对象中增加了一条记录 3 obj.sex= "男" //或者obj["sex"]="男" 4 }
(3)修改JSON中的数据,我们现在要修改JSON中count的值,代码如下:
1 function Update() { 2 obj.count = 10; //或obj["count"]=10 3 }
(4)删除JSON中的数据,我们现在实现从JSON中删除count这条数据,代码如下:
1 function Delete() { 2 delete obj.count; 3 }
(5)遍历JSON对象,可以使用for…in…循环来遍历JSON对象中的数据,比如我们要遍历输出obj对象的值,代码如下:
1 function Traversal() { 2 for (var c in obj) { 3 console.log(c + ":", obj[c]); 4 } 5 }