JSON
下述内容主要讲述了《JavaScript高级程序设计（第3版）》第20章关于“JSON”。
JSON（JavaScript Object Notation, JS对象标记）是一种数据格式，不是一种编程语言。JSON和JavaScript对象区别，就像“斑马线”和“斑马”，“斑马线”基于“斑马”身上的条纹来呈现和命名，但是“斑马”和“斑马线”是两种东西。不要混淆!
对比内容 | JSON | JS对象 |
|---|---|---|
键名 | 必须加双引号 | 可以允许不加、加单引号、加双引号 |
属性值 | 只能是数值(10进制)、字符串(双引号)、布尔值、null、对象 | 随意(函数、NaN、Infinity、undefined) |
逗号问题 | 最后一个属性后面不能有逗号 | 可以 |
传输 | 可以跨平台数据传输，速度快 | 不可以 |
一、语法
JSON的语法可以表示三种类型的值： （1）简单值：可以在JSON中表示字符串（必须使用双引号）、数值、布尔值和null；但不支持JavaScript中的特殊值undefined。 （2）对象：对象的属性必须加双引号。
{
"name": "liang",
"age": 26，
"married": false,
"address": null
}（3）数组：["ligang", 25, false, null]
二、解析和序列化
早期JSON解析器基本上就是使用JavaScript的eval()函数；其存在一定的风险，可能执行一些恶意代码。 对于不能原生支持JSON解析的浏览器，github上提供了比较优秀的shim方法：JSON-js
JSON.stringfy(“JavaScript对象”, “过滤器”, “是否缩进”)：把一个JavaScript对象序列化为一个JSON字符串；值为undefined的属性会被跳过。
示例：undefined会被忽略
var person = {
name: "liang",
age: 26,
address: undefined
}
JSON.stringify(person); // "{"name":"liang","age":26}"示例：过滤结果
var ary = [
{name: "ligang", age: 26, sex: "male"},
{name: "camile", age: 26, sex: "female"}
];（1）第二个参数是一个数组，返回只包含name和age
JSON.stringify(ary, ["name", "age"]);
// 结果："[{"name":"ligang","age":26},{"name":"camile","age":26}]"（2）第二个参数是一个函数
JSON.stringify(ary, function(key, value) {
switch(key) {
case "name":
return value;
case "age":
return undefined;
case "sex":
return value === "male" ? "男" : "女";
default:
return value;
}
});
// 结果："[{"name":"ligang","sex":"男"},{"name":"camile","sex":"女"}]"注意：如果函数返回了undefined，那么相应的属性会被忽略
（3）第三个参数控制结果中的缩进和空白符。 如果是一个数值，那他表示的是每个级别缩进的空格数；最大缩进空格数为10，大于10的自动转化为10。 如果是非数值，则这个字符将在JSON字符串中被用作缩进符（不再使用空格）。
var person = {
name: "ligang",
address: {
province: "shandong",
city: "yantai"
}
};
JSON.stringify(person, null, 4);
// 结果：
{
"name": "ligang",
"address": {
"province": "shandong",
"city": "yantai"
}
}"
JSON.stringify(person, null, "--");
// 结果：
"{
--"name": "ligang",
--"address": {
----"province": "shandong",
----"city": "yantai"
--}
}"（4）toJSON()方法，自定义序列化需求
var person = {
name: "ligang",
age: 26,
toJSON: function() {
return this.name + "|" + this.age;
}
};
JSON.stringify(person);
// 结果：""ligang|26""把一个对象传入JSON.stringify()，序列化该对象的顺序如下：
- 如果存在toJSON()方法而且能通过它取得有效的值，则调用该方法。否则，返回对象本身。
- 如果提供了第二个参数，应用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值。
- 对第(2)步返回的每个值进行相应的序列化。
- 如果提供了第三个参数，执行相应的格式化。
var person = {
firstName: "li",
lastName: "gang",
age: 26,
toJSON: function() {
return {name: this.firstName + this.lastName, age: this.age};
}
};
JSON.stringify(person, function(key, value){
switch(key){
case "age":
return undefined;
default:
return value;
}
}, "--");
// 结果：
"{
--"name": "ligang"
}"（5）序列化数值，精度丢失
JSON.stringify({id:14812712740571735}); // "{"id":14812712740571736}"根据国际标准IEEE 754，64位浮点数格式的64个二进制位中，第0位到第51位储存有效数字部分，第52到第62位储存指数部分，第63位是符号位，0表示正数，1表示负数。因此，JavaScript提供的有效数字的精度为53个二进制位（IEEE 754规定有效数字第一位默认为1，再加上后面的52位），也就是说，绝对值小于2的53次方的整数，即-(Math.pow(2, 53)-1)到Math.pow(2, 53)-1，都可以精确表示。即16位数！
转成字符串可以解决这个问题！！！
JSON.stringify({id:"14812712740571735"}); // "{"id":"14812712740571735"}"三、解析选项
JSON.parse(jsonText, fn)，将JSON字符串解析为JavaScript值。fn将在每个键值对上调用。如果函数返回undefined，则要从结果中删除相应的键。
var person = {
name: "ligang",
age: 26,
birthday: new Date(1990, 02, 28)
};
var jsonText = JSON.stringify(person); // "{"name":"ligang","age":26,"birthday":"1990-03-27T16:00:00.000Z"}"
var jsonObj = JSON.parse(jsonText, function(key, value) {
if(key === "birthday") {
return new Date(value);
}else {
return value;
}
});
console.log(jsonObj.birthday.getFullYear()); // 1990腾讯云开发者
