JSON.parse和JSON.stringify的区别

https://segmentfault.com/a/1190000007623977

https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

1. JSON.parse() 方法将一个 JSON字符串解析成一个javascript值。

语法：JSON.parse(text[, reviver])

• text:必需， 一个有效的 JSON 字符串。

• reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

• JSON属性名称必须用双引号包裹；最后一个属性后面不能有逗号。

• 若被解析的 JSON 字符串是非法的，则会抛出 一个语法错误 异常。

• JSON.parse() 不允许用逗号作为结尾

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null
JSON.parse('{name:tom}');      //Unexpected token 
JSON.parse('{name:"tom"}');    //Unexpected token 
JSON.parse('{"name":tom}');    //Unexpected token 
JSON.parse('{"age":undefined}');//Unexpected token 
JSON.parse('{"name":"tom"}');  //{name: "tom"}
JSON.parse('{"age":10}');      //{age: 10}
JSON.parse('{"age":null}');     //{age: null}
var str='{"p": 5}';
JSON.parse(str, function (k, v) {
    if(k === '') return v;     // 如果到了最顶层，则直接返回属性值，
    return v * 2;              // 否则将属性值变为原来的 2 倍。
});                            // { p: 10 }

var str2='{"1": 1, "2": 2,"3": {"4": 4, "5": {"6": 6}}}';
JSON.parse(str2, function (k, v) {
    console.log(k); // 输出当前的属性名，从而得知遍历顺序是从内向外的，
                    // 最后一个属性名会是个空字符串。
    return v;       // 返回原始属性值，相当于没有传递 reviver 参数。
});

// 1
// 2
// 4
// 6
// 5
// 3 
// "" 

2. eval()

函数可计算某个字符串，并执行其中的的 JavaScript 代码。

eval('alert(1+2)'); //弹出 3

3. JSON.stringify()

语法：JSON.stringify(value[, replacer [, space]])

• value:一个有效的 JSON 字符串。replace:(可选)

• 如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；

• 如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；

• 如果该参数为null或者未提供，则对象所有的属性都会被序列化；

• space:(可选)

• 如果参数是个数字，它代表有多少的空格；上限为10。改值若小于1，则意味着没有空格；

• 如果该参数没有提供（或者为null）将没有空格;

JSON.stringify({});                        // '{}'
JSON.stringify(true);                      // 'true'
JSON.stringify("foo");                     // '"foo"'
JSON.stringify([1, "false", false]);       // '[1,"false",false]'
JSON.stringify({ x: 5 });                  // '{"x":5}'
JSON.stringify([new Number(1), new String("false"), new Boolean(false)]);//"[1,"false",false]"

JSON.stringify({x: 5, y: 6});            //"{"x":5,"y":6}"
JSON.stringify({x: 5, y: 6,z:7},["x","y"]); //"{"x":5,"y":6}"
JSON.stringify({x: 5, y: 6,z:7},function(x,y){for(var i in y){console.log(y[i])}});//5,6,7 
JSON.stringify({x: 5, y: 6},null);  　　　　　　//"{"x":5,"y":6}"
JSON.stringify({x: 5, y: 6},null,3);     // 空3格
JSON.stringify({x: 5, y: 6},null,null);  //没有空格