JSON.parse 和 JSON.stringify 使用

JSON.parse 和 JSON.stringify 解析

下面的代码是说明的例子，可以粘贴到浏览器控制台查看结果，第一行是不规范的写法。

var a = {a:1, b:2, c: {a:2,b:3,},}
var b = JSON.stringify(a, ['b','c'], ' ');
var c = JSON.parse(b, function(k,v){if (k=='a') return v*3; return v});

1、JSON.parse

JSON.parse(text[, reviver])

text 是需解析的字符串；reviver 是遍历属性的函数，传入参数为属性和值。

1、解析的字符串如果是对象，最后一个属性不加逗号，属性名称用双引号；具体格式如下：

{
 "b": 2,
 "c": {
  "b": 3
 }
}

2、遍历函数对属性和值处理后，要返回结果；遍历的方式为深度优先。

var c = JSON.parse(b,function(k,v){
	console.log(k);
	if (k=='a') return v*3; return v;
});
// 遍历顺序：a b a b c ''（空值）

2、JSON.stringify

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

value 是需要序列化成字符串的对象；
replacer 是：
1、遍历函数，传入参数为属性和值；
2、数组，根据数组元素指定的属性进行序列化；
3、null ，全部序列化；
4、遍历的顺序不是深度优先：

JSON.stringify(a,function(k,v){
	console.log(k);
	if (k=='a') return v*2; return v;
})
// 遍历顺序： ''（空值） a b c a b

5、返回undefined，属性值不会在 JSON 字符串中输出；
space 是字符串的缩进，还多了换行符。

var b = JSON.stringify(a,['b','c'],' ');
b=JSON.stringify(a,function(k,v){if (k=='a') return v*2; return v;})
// "{"a":2,"b":2,"c":{"a":4,"b":3}}"

注意：如果对象数据拥有 toJSON 方法，那么该方法的返回值会被序列化。

3、总结

两个函数结合使用可以完成对象数据赋值的解引用：

c = JSON.parse( JSON.stringify(a) )

更详细的介绍可以查看以下链接：
JSON.parse
JSON.stringify