`
wsj123
  • 浏览: 154297 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JSON.parse()方法详解

阅读更多
JSON.parse()方法详解


        JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中,还可以选择性的修改某些属性的原始解析值。
1.1语法
        JSON.parse(text[, reviver])。
1.2参数介绍
        text必需。一个有效的 JSON 字符串。
        reviver可选。一个函数,用来转换解析出的属性值。
        为对象的每个成员调用此函数。如果成员包含嵌套对象,则先于父对象转换嵌套对象。对于每个成员,会发生以下情况:
        如果reviver返回一个有效值,则成员值将替换为转换后的值。
        如果reviver返回它接收的相同值,则不修改成员值。
        如果reviver返回null或undefined,则删除成员。
1.3实例详解
例1:
        解析一个简单JSON字符串。
JSON.parse('{}'); //返回值:{}
JSON.parse('true'); //返回值:true
JSON.parse('"foo"'); //返回值:"foo"
JSON.parse('null');  //返回值:null

例2:
        将json字符串转化为json对象(注意!json字符串的格式一定要标准,key和value一定要用双引号包括,否则会出现解析异常)。
例2-1:
var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);
alert(contact.surname + ", " + contact.firstname + ", "+ contact.phone);

例2-2:
JSON.parse('[1, 5, "false"]'); //返回值:[1, 5, "false"]
例3:
        指定reviver函数,则解析出的JS值(解析值)会经过一次转换后才将被最终返回(返回值)。具体讲:解析值本身以及它所包含的所有属性,会按照一定的顺序(从最最里层的属性开始,一级级往外,最终到达顶层,也就是解析值本身)分别的去调用reviver函数,在调用过程中,当前属性所属的对象会作为this值,当前属性名和属性值会分别作为第一个和第二个参数传入reviver中。如果reviver返回undefined,则当前属性会从所属对象中删除,如果返回了其他值,则返回的值会成为当前属性新的属性值。
        当遍历到最顶层的值(解析值)时,传入reviver函数的参数会是空字符串""(因为此时已经没有真正的属性)和当前的解析值(有可能已经被修改过了),当前的this值会是{"": 修改过的解析值},在编写reviver函数时,要注意到这个特例。
例3-1:
JSON.parse('{"p": 5}', function (key, value){
if(key === '') return value; //如果到了最顶层,则直接返回属性值,
    return value * 2; //否则将属性值变为原来的 2 倍。
});

执行结果:
{ p: 10 }
例3-2
Var jsontxt='{"a": 1, "b": 2,"c": {"d": 4, "e": {"f": 6}}}';
JSON.parse(jsontxt, function (key, value){
    console.log(key); //输出当前的属性名,从而得知遍历顺序是从内向外的,最后一个属性名会是个空字符串。
    return value; //返回原始属性值,相当于没有传递 reviver 参数。

});
例4:
        JSON.parse()不允许用逗号作为结尾。
JSON.parse("[1, 2, 3, 4, ]"); //both will throw a SyntaxError
JSON.parse('{"foo" : 1, }'); //both will throw a SyntaxError

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics