JSON.parse 和 JSON.stringify 使用

- 日理万妓 2022-03-10 13:54 254阅读 0赞

# 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][]

[JSON.parse]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
[JSON.stringify]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify