JSON.parse()方法详解

[align=center]JSON.parse()方法详解[/align]

JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中,还可以选择性的修改某些属性的原始解析值。
[b]1.1语法[/b]
JSON.parse(text[, reviver])。
[b]1.2参数介绍[/b]
text必需。一个有效的 JSON 字符串。
reviver可选。一个函数,用来转换解析出的属性值。
为对象的每个成员调用此函数。如果成员包含嵌套对象,则先于父对象转换嵌套对象。对于每个成员,会发生以下情况:
如果reviver返回一个有效值,则成员值将替换为转换后的值。
如果reviver返回它接收的相同值,则不修改成员值。
如果reviver返回null或undefined,则删除成员。
[b]1.3实例详解[/b]
例1:
解析一个简单JSON字符串。
[i]JSON.parse('{}'); [color=green]//返回值:{}[/color]
JSON.parse('true'); [color=green]//返回值:true[/color]
JSON.parse('"foo"'); [color=green]//返回值:"foo"[/color]
JSON.parse('null'); [color=green]//返回值:null[/color][/i]
例2:
将json字符串转化为json对象(注意!json字符串的格式一定要标准,key和value一定要用双引号包括,否则会出现解析异常)。
例2-1:
[i]var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);
alert(contact.surname + ", " + contact.firstname + ", "+ contact.phone);[/i]
例2-2:
[i]JSON.parse('[1, 5, "false"]'); [color=green]//返回值:[1, 5, "false"][/color][/i]
例3:
指定reviver函数,则解析出的JS值(解析值)会经过一次转换后才将被最终返回(返回值)。具体讲:解析值本身以及它所包含的所有属性,会按照一定的顺序(从最最里层的属性开始,一级级往外,最终到达顶层,也就是解析值本身)分别的去调用reviver函数,在调用过程中,当前属性所属的对象会作为this值,当前属性名和属性值会分别作为第一个和第二个参数传入reviver中。如果reviver返回undefined,则当前属性会从所属对象中删除,如果返回了其他值,则返回的值会成为当前属性新的属性值。
当遍历到最顶层的值(解析值)时,传入reviver函数的参数会是空字符串""(因为此时已经没有真正的属性)和当前的解析值(有可能已经被修改过了),当前的this值会是{"": 修改过的解析值},在编写reviver函数时,要注意到这个特例。
例3-1:
[i]JSON.parse('{"p": 5}', function (key, value){
if(key === '') return value; [color=green]//如果到了最顶层,则直接返回属性值,[/color]
return value * 2; [color=green]//否则将属性值变为原来的 2 倍。[/color]
});[/i]
执行结果:
[i]{ p: 10 }[/i]
例3-2
[i]Var jsontxt='{"a": 1, "b": 2,"c": {"d": 4, "e": {"f": 6}}}';
JSON.parse(jsontxt, function (key, value){
console.log(key); [color=green]//输出当前的属性名,从而得知遍历顺序是从内向外的,最后一个属性名会是个空字符串。[/color]
return value; [color=green]//返回原始属性值,相当于没有传递 reviver 参数。[/color][/i]
});
例4:
JSON.parse()不允许用逗号作为结尾。
[i]JSON.parse("[1, 2, 3, 4, ]"); [color=green]//both will throw a SyntaxError[/color]
JSON.parse('{"foo" : 1, }'); [color=green]//both will throw a SyntaxError[/color][/i]
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值