为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用
一. json对象
1.对象语法
实例:{ "name":"zhangsan", "age":20, "sex":"男" }
JSON 对象使用在大括号({})中书写。
对象可以包含多个 key/value(键/值)对。
key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。
2.访问对象值
①可以使用点号(.)来访问对象的值
②也可以使用中括号([])来访问对象的值
3.循环对象
可以使用 for-in 来循环对象的属性
4.嵌套 JSON 对象
JSON 对象中可以包含另外一个 JSON 对象
5.json 对象和 json 字符串的区别:
json 对象:var str1 = { "name": "zhangsan", "sex": "man" };
json字符串:var str2 = '{ "name": "wangwu", "sex": "man" }';
例:
//访问对象值
var obj = {
"name": "zhangsan",
"age": 20
};
document.write(obj.name + "<br />");
document.write(obj["age"] + "<br />");
//循环遍历对象
var car = {
"name": "凯迪拉克",
"color": "black",
"speed": "364km/h"
};
for(x in car) {
document.write(car[x] + "<br/>");
}
//嵌套JSON对象
var user = {
"name": "李四",
"age": 18,
"sex": "女",
"account": {
"taobao": "t123",
"jingdong": "j123",
"baidu": "b123"
}
};
document.write(user.account.taobao+"<br />");
for (u in user.account) {
document.write(user.account[u]+"<br />")
}
二、json数组
JSON 数组在中括号中书写。
JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
1.数组作为 JSON 对象
实例:[ "Google", "Tengxun", "Taobao" ]
2.JSON 对象中的数组
{
"name":"zhangsan",
"age":20,
"hobby":[ "swimming", "running", "playgame" ]
}
我们可以使用索引值来访问数组:
x = myObj.hobby[0];
可以使用for循环或者 for-in 来访问数组
例:
//数组作为json对象
var site=["baidu","tengxun","alibaba"];
document.write(site[0]+"<br />");
//json对象中的数组
var user={
"name":"zhangsan",
"age":20,
"hobby":["swimming","running","playgame"]
};
document.write(user.hobby[1]+"<br />");
//使用for遍历循环数组
for (var i =0;i<user.hobby.length;i++) {
document.write(user.hobby[i]+"<br />");
}
//修改数组值
user.hobby[0]="sing";
for (var i=0;i<user.hobby.length;i++) {
document.write(user.hobby[i]+"<br />");
}
//删除数组元素
delete user.hobby[2];
user.hobby.pop();
for (var i=0;i<user.hobby.length;i++) {
document.write(user.hobby[i]+"<br />");
}
//使用for in 遍历循环数组
for (x in user.hobby) {
document.write(user.hobby[x]+"<br />");
}
三、parse和eval
parse
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法:JSON.parse(text,[reviver])
参数说明:text:必需, 一个有效的 JSON 字符串。
reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。
eval
把 JSON 文本转换为 JavaScript 对象
JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。
例:
//JSON解析实例
var obj=JSON.parse('{"name":"zhangsan","age":"18"}');
document.write(obj.name+":"+obj.age);
例:var txt = '{"user":[' +
'{"account":"admin","pwd":"admin"},' +
'{"account":"user","pwd":"user"}]}';
//必须把文本包围在括号中
var obj=eval("("+txt+")");
document.write(obj.user[0].account);