JSON.parse()
方法用来解析 JSON 字符串,将字符串解析为 JavaScript 值或对象。
JSON.parse()
接收两个参数,第一个是需要解析的字符串,第二个则是转换器函数(可选),用来修改解析生成的原始值,调用时机在 parse 函数返回之前。
参数一:字符串
传入的字符串,必须符合 JSON 的语法规范,否则会报 SyntaxError
异常。
JSON.parse("{}"); // {}
JSON.parse("true"); // true
JSON.parse('"foo"'); // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse("null"); // null
注意 1:转换对象需要注意,如果是属性名,必须要用双引号括起来;
注意 2:只能单引号套双引号,不能双引号套单引号,必要时需要进行转义;
注意 3:不允许逗号作为对象或数组的结尾。
参数二:reviver
转换器函数
如果指定了 reviver
函数,则解析出的 JavaScript 值会经过一次转换后才将被最终返回。
具体步骤:解析值本身以及它所包含的所有属性,会按照一定的顺序(从最最里层的属性开始,一级级往外,最终到达顶层,也就是解析值本身)分别去调用 reviver 函数。在调用过程中,当前属性所属的对象会作为 this 值,当前属性名和属性值会分别作为第一个和第二个参数传入 reviver 中。如果 reviver 返回 undefined,则当前属性会从所属对象中删除,如果返回了其他值,则返回的值会成为当前属性新的属性值。
当遍历到最顶层的值(解析值)时,传入 reviver 函数的参数会是空字符串 ""(因为此时已经没有真正的属性)和当前的解析值(有可能已经被修改过了),当前的 this 值会是 {"": 修改过的解析值},在编写 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 ""
/*
{
"1": 1,
"2": 2,
"3": {
"4": 4,
"5": {
"6": 6
}
}
}
*/