【ES5】给JSON对象提供的方法

微信订阅号：Rabbit_svip

JSON在JS中，是一个关于键值对的对象。

很多人会这样写

var json = {
    a: 10};
console.log(json);

会输出一下内容

微信订阅号：Rabbit_svip

但真正正确的写法是“键”要加双引号

var json = {
    "a": 10
};
console.log(json);

但最后输出表面上是一模一样的。

微信订阅号：Rabbit_svip

如果能坚持，最好还是加上双引号。

上面的写法是JSON的一个缩写形式。
真正写全的话是这样写

var json = new Object();
json.a = 10;
console.log(json);

输出的东西也是没有任何区别的。

JS发展到ES5时，JSON就变成了一个专门的对象。

console.log(JSON);

输出一下内容

微信订阅号：Rabbit_svip

这就是ES5提供的对象。

这里面有2个最常用的方法，一个是parse，一个是stringify。

parse：把字符串转换成JSON

var string = '{a:10}';
console.log(JSON.parse(string));

会发现输出的东西报错了。

微信订阅号：Rabbit_svip

原因很简单，因为上面写的字符串，没有按JSON的严格模式来写。

var string = "{'a':10}";
console.log(JSON.parse(string));

这样写同样会报错，因为这里的 键 是用单引号包起来的。

正确写法：

var string = '{"a":10}';
console.log(JSON.parse(string));

只有写法正确才能正确转换。

微信订阅号：Rabbit_svip

parse的第二个参数：函数

var string = '{"a":10, "b":20, "c":30}';
JSON.parse(string, function(key,vlaue){
    console.log(key, vlaue);
})

会输出一下内容

微信订阅号：Rabbit_svip

键 和 值 都被输出出来了。

parse参数

第一个参数：必须是一个正确格式的字符串（key必须是双引号包着）。

第二个参数：可以放一个function。这个function里可以放2个参数，分别是key和value。
key对应的就是要解析的json的key
value对应的就是要解析的json的value

stringify
把json转换成字符串

var json = {a:20};
console.log(JSON.stringify(json));

需要注意，我这里的json没有按严格模式来写（并没有加双引号包着键）。

微信订阅号：Rabbit_svip

用 stringify 输出的结果是以严格模式来返回给我们的。

说白了，不管我们写的json是不是按照严格模式来写，用stringify转换后返回给我们的都是按照严格模式来返回。

stringify的第二个参数也是一个函数。
不过stringify的第二个参数，主要是过滤作用。

var json = {a:20, b:30, c:50};
console.log(JSON.stringify(json, function(key, value) {
    if(value == 30) {
            return undefined;
    } else {
                    return value;
    }
}));

输出

微信订阅号：Rabbit_svip

上面代码的意思是，如果value是30，就返回undefined，其他的返回自身value。
所以输出的时候，b就没了。

stringify 还有第三个参数，作用是推进。

var json = {a:20, b:30, c:50};
console.log(JSON.stringify(json, function(key, value) {
    if(value == 30) {
            return undefined;
    } else {
            return value;
    }
}, 1));

输出结果会更好看

微信订阅号：Rabbit_svip

第三个参数最多是10。效果自己试试。

stringify 参数

第一个参数：就是一个json。

第二个参数：一个过滤用的函数。

第三个参数：推进。

通常parse和stringify都只用第一个参数。后面的2-3个参数在实战的时候可能用得没那么多。