JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。
- json的两种结构
- 认识json
- 在js中如何使用json
JSON有两种表示结构,对象和数组。
- 对象结构以"{"大括号开始,以"}"大括号结束。中间部分由0或多个以","分割的key/value对构成,关键字和值之间以":"分割,语法如下:
key1:value1,
key2:value2,
......
}
其中关键字是字符串,而值可以是 Sting,Number,boolean ,null,Object,Array
- 数组结构以"["开始,以"]"结束。中间由0或多个","分割的值列表组成,语法结构如下:
[
{
key1:value1,
key2:value2
},
{
key1:value1,
key2:value2
}
]
认识json字符串
之前我一直有个困惑, 分不清普通字符串,json字符串和json对象的区别,经过一番研究终于明白了,比如在js中:
- 字符串 :这个很好解释,指使用"" 或''包括的字符。例如:var str = 'this is String';
- json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{studentId:'100',name:'key'}";
- json对象:指符合json格式要求的js对象。例如:var jsonObj = {studentId:'100',name:'key'};
在js中使用json
- json是js的一个子集,所以可以在js中轻松的读写json。读写json都有两种方法,分别是利用"."操作符,和"[key]"的方式。首先定义一个json对象,代码如下:
var jsonObj = {
"key1":"value1",
"key2":2,
"key3": true,
object: {
"obj1":null
},
array: [
{"arry1":"arr_val1"},
{"arry2":"arr_val2"}
]
};
var obj = {
1: "value1",
"2": "value2",
count: 3,
person: [ //数组结构JSON对象,可以嵌套使用
{
id: 1,
name: "张三"
},
{
id: 2,
name: "李四"
}
],
object: { //对象结构JSON对象
id: 1,
msg: "对象里的对象"
}
};
- 从json中读取数据
function ReadJSON() {
alert(obj.1); //会报语法错误,可以用alert(obj["1"]);说明数字最好不要做关键字
alert(obj.2); //同上
alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
alert(obj.object.msg); //或者alert(obj.object["msg"])
}
function Update() {
obj.count = 10; //或obj["count"]=10
}
- 删除json中的数据
function Delete() {
delete obj.count;
}
- 遍历json中的数据
function Traversal() {
for (var c in obj) {
console.log(c + ":", obj[c]);
}
}
- 向json中添加数据
function Add() {
//往JSON对象中增加了一条记录
obj.sex= "男" //或者obj["sex"]="男"
}
总结:在客户端,读写json对象可以使用"."操作符,和"[key]"的方式json字符串转换为json对象使用eval()函数或者是parseJSON();