zoukankan      html  css  js  c++  java
  • JavaScript中字符串转Json方法小记

    例如:

    JSON字符串:
    var str1 = '{ "name": "cxh", "sex": "man" }'; 
    JSON对象:
    var obj= { "name": "cxh", "sex": "man" };

     

    1、在js中把json字符串转json对象的方法不止一种,最常见的一种方式如下,使用到eval方法:

    1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
    2 var json = eval("(" + jsonStr + ")");

    2、使用Function来进行转换

    1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
    2 var json = (new Function("return " + jsonStr))();

    3、还有一种是使用JSON全局对象,不过比较可惜的是IE8以下的版本木有这个对象(囧TZ~),如果不考虑兼容IE8一下版本的话JSON全局对象是个很有用的东西,使用的代码如下:

    1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
    2 //将字符串转换成JSON对象
    3 var json = JSON.parse(jsonStr);
    4 //将JSON对象转换成字符串
    5 var str = JSON.stringify(json);

      JSON对象提供了两个很有用的方法,JSON.parse()方法接受一个字符串作为参数,返回一个json对象;JSON.stringify()方法则相反!
      PS:有一个比较常用的组建,叫做json2,这个组件也提供了一个全局对象,也是叫JSON,同样也有parse和stringify两个方法,使用这个组建可以很好的解决IE8以下版本使用不了JSON全局变量的方法,需要这个组建的话请前往这里https://github.com/douglascrockford/JSON-js,在源代码专用意见有使用说明了!

    4、如果使用JQuery的话还有一个方法,就是jQuery.parseJSON()方法,和上面几个的效果一样,都是接受字符串返回json对象,代码如下:

    1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
    2 var json = jQuery.parseJSON(jsonStr);

    请注意Json格式:

        对于json很多人经常会这样来定义:var jsonObj = {name:"serafin", age:26}; 在这里需要注意的是,这样定义在上面几种方法中,只有前面两种方法可以正常使用,后面两种方法会出现报错!其实最标准的定义应该是这样的:var jsonObj = {"name":"serafin", "age":26}; 也就是说每个key都要用双引号括住!这样的格式在上面几种方法都可以正常使用!

  • 相关阅读:
    iOS~runtime理解上篇
    iOS
    iOS-数据库+上传队列+runtime
    python3
    必应壁纸破解下载
    python3-django Mac下安装以及查看路径
    iOS
    iOS
    Tornado异步之-协程与回调
    iOS
  • 原文地址:https://www.cnblogs.com/caoyc/p/5687267.html
Copyright © 2011-2022 走看看