JSON知识总结

发表于 分类于

js对象数组没办法进行传输，必须转化成json串进行传送

json和js对象的对比

对比内容 json js对象
键名 必须加双引号 可允许不加，加单引号、双引号
属性值 只能是数值（10进制），字符串（双引号），布尔值和null，也可以是符合json要求的对象和数组 爱啥啥
逗号问题 最后一个属性后面不能加逗号 可以
数值 前导0不能用，小数点后必须有数字 没限制

JSON.stringify的用法

JSON.stringify(value[, replacer [, space]])

基本使用-只需要一个参数

传入一个js对象或者数组，JSON.stringify([object/array]),返回一个字符串。

第二个参数可以是函数，也可以是数组

  • 如果第二个参数是一个函数，那么序列化过程中的每个属性都会被这个函数转化和处理
  • 如果第二个参数是一个数组，那么只有包含在这个数组中的属性才会被序列化到最终的JSON字符串中
  • 如果第二个参数是null，那作用上和空着没啥区别，但是不想设置第二个参数，只是想设置第三个参数的时候，就可以设置第二个参数为null

第三个参数是用于美化输出，不建议使用

指定缩进用的空白字符，可以取以下几个值：
  • 是1-10的某个数字，代表用几个空白字符
  • 是字符串的话，就用该字符串代替空格，最多取这个字符串的前10个字符
  • 没有提供该参数 等于 设置成null 等于 设置一个小于1的数

这个函数的“小聪明”（重要）

  • 键名不是双引号的（包括没有引号或者是单引号），会自动变成双引号；字符串是单引号的，会自动变成双引号
  • 最后一个属性后面有逗号的，会被自动去掉
  • 非数组对象的属性不能保证以特定的顺序出现在序列化后的字符串中。这个好理解，也就是对非数组对象在最终字符串中不保证属性顺序和原来一致
  • 布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值。也就是你的什么new String("bala")会变成"bala"，new Number(2017)会变成2017
  • undefined、任意的函数（其实有个函数会发生神奇的事，后面会说）以及 symbol 值
    出现在非数组对象的属性值中：在序列化过程中会被忽略
    出现在数组中时：被转换成 null
  • NaN、Infinity和-Infinity，不论在数组还是非数组的对象中，都被转化为null
  • 所有以 symbol 为属性键的属性都会被完全忽略掉，即便 replacer 参数中强制指定包含了它们
  • 不可枚举的属性会被忽略

JSON.parse的用法

JSON.parse(text[, reviver])

JSON.parse的语法

  如果第一个参数，即JSON字符串不是合法的字符串的话，那么这个函数会抛出错误，所以如果你在写一个后端返回JSON字符串的脚本，最好调用语言本身的JSON字符串相关序列化函数，而如果是自己去拼接实现的序列化字符串，那么就尤其要注意序列化后的字符串是否是合法的，合法指这个JSON字符串完全符合JSON要求的严格格式。
  第二个参数，必须是一个函数，这个函数作用在属性已经被解析但是还没返回前，将属性处理后再返回。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
var friend={
    "firstName": "Good",
    "lastName": "Man",
    "phone":{"home":"1234567","work":["7654321","999000"]}
};

//我们先将其序列化
var friendAfter=JSON.stringify(friend);
//'{"firstName":"Good","lastName":"Man","phone":{"home":"1234567","work":["7654321","999000"]}}'

//再将其解析出来，在第二个参数的函数中打印出key和value
JSON.parse(friendAfter,function(k,v){
    console.log(k);
    console.log(v);
    console.log("----");
});
/*
firstName
Good
----
lastName
Man
----
home
1234567
----
0
7654321
----
1
999000
----
work
[]
----
phone
Object
----

Object
----
*/

  这个遍历是由内而外的。遍历的时候，从头到尾进行遍历，如果是简单属性值（数值、字符串、布尔值和null），那么直接遍历完成，如果是遇到属性值是对象或者数组形式的，那么暂停，先遍历这个子JSON，而遍历的原则也是一样的，等这个复合属性遍历完成，那么再完成对这个属性的遍历返回。

其它的小细节

  • 如果 reviver 返回 undefined，则当前属性会从所属对象中删除，如果返回了其他值，则返回的值会成为当前属性新的属性值。
  • 你可以注意到上面例子最后一组输出看上去没有key，其实这个key是一个空字符串，而最后的object是最后解析完成对象，因为到了最上层，已经没有真正的属性了。

object.toJSON

如果你在一个JS对象上实现了toJSON方法，那么调用JSON.stringify去序列化这个JS对象时，JSON.stringify会把这个对象的toJSON方法返回的值作为参数去进行序列化。

1
2
3
4
5
6
7
8
9
10
11
var info={
    "msg":"I Love You",
    "toJSON":function(){
        var replaceMsg=new Object();
        replaceMsg["msg"]="Go Die";
        return replaceMsg;
    }
};

JSON.stringify(info);
//出si了，返回的是：'"{"msg":"Go Die"}"',说好的忽略函数呢

其实Date类型可以直接传给JSON.stringify做参数，其中的道理就是，Date类型内置了toJSON方法。

兼容性问题

以上所用的3个函数，不兼容IE7以及IE7之前的浏览器。