小谈一下JavaScript中的JSON

时间：2023-03-08 21:55:18
小谈一下JavaScript中的JSON

一、JSON的语法可以表示以下三种类型的值：

1、简单值：字符串，数值，布尔值，null
比如：5，"你好"，false，null
JSON中字符串必须用双引号，而JS中则没有强制规定。
2、对象
比如：
 {

     "name":"蔡斌",

     "age":21,

     "isRich":false,

     "school":{

               "name":"广东工业大学",

               "location":"广州市大学城"

       }

 }
需要注意的是，属性值必须要加双引号。
3、数组
比如：
 [23,"i",false];

或

 [

     {

         "name":"蔡斌"

     },

     {

         "name":"张三"

     }

 ]
二、序列化与解析
1、将JS对象序列化成JSON对象  JSON.stringify()：
比如：
 var person = {

     name:"蔡斌",

     age:21,

     school:“广东工业大学”

 }

 var personJson = JSON.stringify(person);
结果如下：
 {"name":"蔡斌","age":21,"school":"广东工业大学"}

 //typeof personJson;

 //String
注意：序列化JS对象时，所有函数（除了等下要说到的toJSON()方法以外），原型成员都会被忽略，所有值为undefined的属性也会被忽略。
例如：
 var person = {

     name:"蔡斌",

     age:21,

     school:“广东工业大学”.

     phone:undefined,

     sayHi:function(){

         alert("hi, i am caibin");

     }

 }
 console.log(JSON.stringify(person));
结果如下
 {"name":"蔡斌","age":21,"school":"广东工业大学"}
序列化函数的参数，可以有另外两个可选的参数，这其中，第一个参数是过滤器，可以是一个数组，表示需要留下的属性，也可以是一个函数；第二个参数是一个选项，表示是否在JSON字符串中保留缩进，这个选项可以是数字，比如：3，也可以是字符串，但是数字最大只能为10，（超过10当做10），字符串长度最多为10（超过10当做10）。
比如：
当第一个参数是数组时，返回要保留的属性：
 var caibinsname = JSON.stringify(person,["name"]);
结果：
{"name":"蔡斌"}
当第一个参数是一个函数时，它有两个参数key,value，分别对应JS对象的属性名和属性值
 var caibin = JSON.stringify(person,function(key,value){

     switch(key){

         case "name":

             return "caibin";

         case "age":

             return value + 1;

         case "school":

             return value;

         default:

             return value;

     }

 });
结果如下：
{"name":"caibin","age":22,"school":"广东工业大学"}
名字被改成了英文的，然后年龄也增加了1
接下来是可选参数的第二个参数
当第二个参数是数字时：
var caibinsname = JSON.stringify(person,["name","age"],4);
结果：其中每个属性前面缩进了4个空格
 {

     "name": "蔡斌",

     "age": 21

 }

再如：

 var caibinsname = JSON.stringify(person,["name","age"],"**");
结果如下：
 {

 **"name": "蔡斌",

 **"age": 21

 }
第一个参数不用时，需要将其设置为null:
var caibinsname = JSON.stringify(person,null,4);
toJSON()方法：
当JSON.stringify()方法不能满足对某些对象的序列化要求时，可以给对象增加一个自定义的方法。
原生的Date对象有一个toJSON方法，可以将其转换成IS0 8601日期字符串（这和在Date对象上调用.toISOString()方法返回的结果一致）
比如：
 var newDate = new Date();

 JSON.stringify(newDate);
结果如下：
"2014-07-29T16:11:27.340Z"
我们可以为任何对象添加toJSON方法：
 var book = {

     title:"JavaScript权威指南",

     edition:6,

     toJSON:function(){

         return "《"+this.title + " 第六版》"

     }

 };

 JSON.stringify(book);
结果如下：
"《JavaScript权威指南 第六版》"
小结下：
假设把一个对象Object传递给JSON.stringify()，序列化Object的顺序如下：
a、如果存在toJSON()方法，则调用toJSON()方法，否则返回该对象本身。
b、如果可选的参数中，第一个参数是过滤器，则应用这个过滤器，并且将a中的返回值传递给这个过滤器
c、对于b中返回的每个值进行序列化
d、如果可选的参数中，第二个参数存在，那么执行相应的格式化操作。
2、将JSON字符串解析成JS对象
//personjson ： {"name":"蔡斌","age":21,"school":"广东工业大学"}
 var caibin = JSON.parse(personjson);
结果如下：
Object {name: "蔡斌", age: 21, school: "广东工业大学"}
typeof caibin;
//object
JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对上调用。这个函数通常被称作还原函数。
比如：
 var caibin = JSON.parse(personjson,function(key,value){

     if(key == "name"){

         return "caibin";

     }

     return value;

 });
结果如下：
Object{name: "caibin", age: 21, school: "广东工业大学"}
原来的"name":”蔡斌“ 已经被还原成 name:"caibin"
通常将日期字符串转换成Data对象时，要用到还原函数：
 var book = {

     "title":"JavaScript高级程序设计",

     edition:3,

     releaseDate:new Date(2011,11,1)

 }

 var bookJson = JSON.stringify(book);

 var bookcopy = JSON.parse(bookJson,function(key,value){

     if(key == "releaseDate"){

         return new Date(value);

     }

     return value;

 });
结果bookcopy的值如下（chrome控制台打印）：
Object {title: "JavaScript高级程序设计", edition: 3, releaseDate: Thu Dec 01 2011 00:00:00 GMT+0800 (中国标准时间)}

相关文章