简介:
JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
JSON 是轻量级的文本数据交换格式
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快,更易解析。
JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。
JSON 具有自我描述性,更易理解
JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。
1.JSON 语法规则
数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组
2.JSON 名称/值对
JSON 数据的书写格式是:名称/值对。
例:“name”:“tom” 等价于 name=“tom”
3.JSON 值
JSON 值可以是:数字、字符串、逻辑值、数组、对象、null
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" }';
<script>
//访问对象值
var obj={"name":"lisi","age":20};
document.write(obj.name+"<br />");
document.write(obj["age"]+"<br />");
//循环遍历对象
var car={"name":"小包","color":"red","speed":200};
for (x in car) {
document.write(car[x]+"<br />");
}
//嵌套JSON对象
var user={"name":"YY",
"age":20,
"sex":"男",
"account":{
"taobao":"gzdfth",
"qq":"yq",
"baduyun":"b123"
}
};
document.write(user.account.taobao);
for(u in user.account){
document.write(user.account[u]+"<br />");
}
</script>
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 来访问数组
<script>
//数组作为json对象
var site=["baidu","tengxun","alibaba"];
document.write(site[0]+"<br />");
//json对象中的数组
var user={
"name":"kang",
"age":20,
"hobby":["swimming","running","playgames"]
};
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(i in user.hobby){
document.write(user.hobby[i]+"<br />");
}
</script>
parse()::
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法:JSON.parse(text,[reviver])
参数说明:text:必需, 一个有效的 JSON 字符串。
reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。
<script>
//JSON解析实例
var obj=JSON.parse('{"name":"lisi","age":20}');
document.write(obj.name);
</script>
eveal():
把 JSON 文本转换为 JavaScript 对象
JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中.
<script>
var txt='{"user":['+
'{"account":"admin","pwd":"admin"},'+
'{"account":"user","pwd":"user"}]}';
var obj=eval("("+txt+")");
document.write(obj.user[0].account);
</script>