在交互的过程中我们前端和后台数据的交互方式主要通过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,"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}}}',v) {
console.log(k); // 输出当前的属性名，从而得知遍历顺序是从内向外的，
// 最后一个属性名会是个空字符串。
return v; // 返回原始属性值，相当于没有传递 reviver 参数。
});
// 1
// 2
// 4
// 6
// 5
// 3
// ""
JSON.stringify()方法将一个 JavaScript 值转换为一个 JSON 字符串
，如果指定了一个 replacer 函数，则可以替换值，
语法：
JSON.stringify(value[,replacer[,space]]
value
返回值
一个表示给定值的JSON字符串。
可以参照下面的例子JSON.stringify({}); // '{}'
JSON.stringify(true); // 'true'
JSON.stringify("foo"); // '"foo"'
JSON.stringify([1,"false",false]); // '[1,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]'
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"},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"}"