JSON.parse()和JSON.stringify的介绍和使用方法

在交互的过程中我们前端和后台数据的交互方式主要通过JSON方式,下面来介绍下JSON.parse()和JSON.stringify()的使用情况和效果

JSON.parse()将JSON转换成javascript的值或对象； 可以提供可选的reviver函数以在返回之前对所得到的对象执行变换。

语法：

		JSON.parse(text[, reviver])

` 参数介绍：

text表示要被转化成javascript的字符串

reviver | 可选  如果是函数则规定了原始值是如何被解析和改造，在被改造之前

返回值为Object对应json内容

异常：若解析的json字符串是非法的则会返回一个语法错误

实例：

	JSON.parse('{}');              // {}
	JSON.parse('true');            // true
	JSON.parse('"foo"');           // "foo"
	JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
	JSON.parse('null');            // 

带有reviver函数的例子

JSON.parse('{"p": 5}', function (k, v) {
    if(k === '') return v;     // 如果到了最顶层，则直接返回属性值，
    return v * 2;              // 否则将属性值变为原来的 2 倍。
});                            // { p: 10 }

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

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

JSON.stringify() 方法将一个  JavaScript 值转换为一个 JSON 字符串 ，如果指定了一个 replacer 函数，则可以替换值，

或者如果指定了一个 replacer 数组，可选地仅包括指定的属性。

语法：

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

value

将要序列化成 一个JSON 字符串的值。

replacer  可选

如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；如果该参数为null或者未提供，则对象所有的属性都会被序列化；关于该参数更详细的解释和示例，请参考 使用原生的 JSON 对象一文。

space  可选

指定缩进用的空白字符串，用于美化输出（pretty-print）；如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；如果该参数没有提供（或者为null）将没有空格。

返回值 

一个表示给定值的JSON字符串。

可以参照下面的例子

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({x: 5, y: 6});              
// "{"x":5,"y":6}"

JSON.stringify([new Number(1), new String("false"), new Boolean(false)]); 
// '[1,"false",false]'

JSON.stringify({x: undefined, y: Object, z: Symbol("")}); 
// '{}'

JSON.stringify([undefined, Object, Symbol("")]);          
// '[null,null,null]' 

JSON.stringify({[Symbol("foo")]: "foo"});                 
// '{}'

JSON.stringify({[Symbol.for("foo")]: "foo"}, [Symbol.for("foo")]);
// '{}'

JSON.stringify(
    {[Symbol.for("foo")]: "foo"}, 
    function (k, v) {
        if (typeof k === "symbol"){
            return "a symbol";
        }
    }
);


// undefined 

// 不可枚举的属性默认会被忽略：
JSON.stringify( 
    Object.create(
        null, 
        { 
            x: { value: 'x', enumerable: false }, 
            y: { value: 'y', enumerable: true } 
        }
    )
);

// "{"y":"y"}"