JSON

JSON.parse方法详解

字号+ 作者:H5之家 来源:H5之家 2017-06-24 12:07 我要评论( )

JSON.parse方法详解,JSON.parse()方法详解???????JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中,还可以选择性的修改某些属性的原始解

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX,JSON与MVC

    AJAX,JSON与MVC

    2017-06-26 16:00

  • Go json包简单教程

    Go json包简单教程

    2017-06-24 12:06

  • Core Json–浏览器中的JSON

    Core Json–浏览器中的JSON

    2017-06-24 08:02

  • json格式化查看工具官方版(JSON Viewer) V1.2 免费绿色版 下载

    json格式化查看工具官方版(JSON Viewer) V1.2 免费绿色版 下载

    2017-06-22 16:01

网友点评