在交互的过程中我们前端和后台数据的交互方式主要通过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
replacer
可选
space
可选
返回值
一个表示给定值的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"}"