`
wsj123
  • 浏览: 149844 次
  • 性别: 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

分享到:
评论

相关推荐

    详解关于JSON.parse()和JSON.stringify()的性能小测试

    JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了,就是利用 JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象。至于这行代码为什么能实现深拷贝,以及它...

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / JavaScript 中...JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解 - chunlynn的小屋 - CSDN博客 http://blog.csdn.net/chenchunlin526/article/details/78850924

    深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

     今天在这里笔者想简单谈谈jquery里面的JSON.parse()和JSON.stringify()函数,顺便还会提一下原生JS里面的eval()函数 (1)JSON.parse 函数 作用:将 JavaScript 对象表示法 (JSON) 字符串转换为对象。 

    谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)

    主要介绍了谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)以及JSON的parse()和stringfy()方法详解,感兴趣的朋友一起看看吧

    json原码详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族...

    JS中对象与字符串的互相转换详解

    在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError(‘JSON.parse’); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常。 即:JSON....

    jQuery.parseJSON()函数详解

    今天小编就为大家分享一篇关于jQuery.parseJSON()函数详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    【JavaScript源代码】详解JS变量存储深拷贝和浅拷贝.docx

    变量类型与存储空间栈内存和堆内存基本数据类型引用类型图解存储空间引用类型的赋值深拷贝和浅拷贝深拷贝浅拷贝对象的赋值三者对比浅拷贝的常用的...常用方法jsON.parse(jsON.stringify())手写乞丐版深拷贝皇帝版深拷贝...

    JSON对象转化为字符串详解

    JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。 参数的含义 1)JSON.stringify(value[, replacer[, space]]) 2)value:必选参数。被变换的 JavaScript 值,一般是对象或数组。 3)...

    对python中url参数编码与解码的实例详解

    对json格式的参数名和值编码,用urllib.parse包下的 urlencode(query, doseq=False, safe=”, encoding=None, errors=None, quote_via=quote_plus)方法。 2、url解码 解码用urllib.parse包下的unquote(stri

    详解json串反转义(消除反斜杠)

    JSon串在被串行化后保存在文件中,读取字符串时,是不能直接拿来用JSON.parse()解析为JSON 对象的。因为它是一个字符串,不是一个合法的JSON对象格式。例如下面的JSON串保存在文件中,读出来不能直接解析: “{\”...

    JS数组扁平化(flat)方法总结详解

    需求:多维数组=>一维数组 let ary = [1, [2, [3, [4, 5]]], 6]; let str = JSON.stringify(ary); 第0种处理:直接的调用 arr_flat = arr.flat...ary = JSON.parse(str); 第三种处理:递归处理 let result = [];

    对Layer弹窗使用及返回数据接收的实例详解

    callback()方法 返回字符串,再data:JSON.parse(res)转为ajax提交时的json参数 注意2. textarea 上使用append方法没有效果,改写: var str = $(“#area”).val() + “\n”+d; $(“#area”).val(str); //引入js ...

    vue2.0+vuex+localStorage代办事项应用实现详解

    vue2.0+vuex+localStorage 待办事项源码:...代码预览 ... localStorage 用来本地储存数据 const state={ home:localStorage["home"]?JSON.parse(localStorage["home"]): [], item:localStorage["it

    Python 20行简单实现有道在线翻译的详解

    import urllib.parse import json content=input('需要翻译的内容:') #翻译内容\nurl='http://fanyi.youdao.com/translate?smartresult=dict&smartresult=rule&sessionFrom=http://fanyi.youdao.com/' #有道翻译查询...

    Node.js创建一个Express服务的方法详解

    本文实例讲述了Node.js创建一个Express服务的方法。分享给大家供大家参考,具体如下: ...利用url的parse方法将req请求中的url转换为json后,得到其中的请求文件名pathname。然后利用fs的readFile方

    IOS json 解析遇到错误问题解决办法

    主要介绍了iOS json 解析遇到error: Error Domain=NSCocoaErrorDomain Code=3840 "The operation couldn’t be completed.解决办法,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics