一、什么是JSON
- JSON: JavaScript Object Notation(JavaScript 对象表示法)
- JSON 是存储和交换文本信息的语法。类似 XML。
- JSON 比 XML 更小、更快，更易解析。
二、JSON实例
<body>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<script type="text/javascript">
var json = {
"p1":"我是p1",
"p2":"我是p2",
"p3":"我是p3"
}
document.getElementById('p1').innerHTML = json.p1;
document.getElementById('p2').innerHTML = json.p2;
document.getElementById('p3').innerHTML = json.p3;
</script>
</body>
1.与XML相同之处
- JSON是纯文本
- JSON具有自我描述性（人类可读）
- JSON具有层级结构（值中存在值）
- JSON可通过Javascript进行解析
- JSON数据可使用AJAX进行传输
2.与XML不同之处
- 没有结束标签
- 更短，读写速度更快
- 能够使用内建的Javascript eval()方法进行解析
- 使用数组
- 不使用保留字
- 对于AJAX应用程序来说，JSON比XML更快更易使用
三、JSON语法
JSON语法是javascript语法的子集
- 数据在键值对中
- 数据有逗号分隔
- 大括号保存对象
- 中括号保存数组
- JSON的值可以是
(1)数字（整数或浮点数）
(2)字符串(在双引号中)
(3)布尔值（true或false）
(4)数组（在中括号中）
(5)对象（在大括号中）
(6)null
<script type="text/javascript">
var json = {
"num":1,
"str":"abc",
"bOn":true,
"arr":[1,2,3,4,5],
"obj":{
"name":"John",
"age":13,
"sex":"fale"
},
n:null
}
for (var i in json) {
console.log(i);
}
</script>
重点：
(一)json对象和嵌套对象
- json对象包含在大括号{}中，
- 可以包含多个键值对key/value，
- key 和 value 中使用冒号(:)分割,
- 每个 key/value 对使用逗号(,)分割。
- 可以使用中括号[]或点(.)来访问对象的值。
<script type="text/javascript">
var json = {
"num":1,
"str":"abc",
"bOn":true,
"arr":[1,2,3,4,5],
"obj":{
"name":"John",
"age":13,
"sex":"fale"
},
n:null
}
console.log(json.num);
console.log(json.str);
console.log(json.bOn);
console.log(json.arr);
console.log(json.obj);
console.log(json.obj["name"]);
console.log(json.obj["age"]);
console.log(json.obj["sex"]);
console.log(json.n);
</script>
- 可以用for-in 循环对象的属性（参考json语法的代码）
- 修改json对象的值
json.obj.name = "tom";
console.log(json.obj.name);
- 删除对象的值
delete json.obj["sex"];
(二)json的嵌套数组
- 可以使用索引值来访问数组
console.log(json.arr[0]);
console.log(json.arr[1]);
- 可以用for循环或者for-in循环来访问数组
for (var i in json.arr) {
console.log(i);
}
for (var i=0;i<json.arr.length;i++) {
console.log(i);
}
- json数组中嵌套对象
- 使用索引值来修改数组值
- 使用 delete 关键字来删除数组元素
四、JSON.parse()
- JSON 通常用于与服务端交换数据。
- 在接收服务器数据时一般是字符串。
- 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法
JSON.parse(text[, reviver]);
参数说明：
(1) text:必需， 一个有效的 JSON 字符串。
(2) reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
五、JSON.stringify()
- JSON 通常用于与服务端交换数据。
- 在向服务器发送数据时一般是字符串。
- 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
语法：
JSON.stringify(value[, replacer[, space]]);
参数说明：
- value:
必需， 一个有效的 JSON 对象。 - replacer:
可选。用于转换结果的函数或数组。
如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回undefined，则排除成员。根对象的键是一个空字符串：""。
如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。 - space:
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如：\t。
