json对象和字符串的相互转换

//使用json中的parser方法转换；

var str='{"name":"fendouer", "age":23}';      //这是一个json字符串''
var ob=JSON.parse(str) ;  //返回一个新对象
console.log(ob.name)

//把json中的stringify对象转换成字符串 
var obj={"student":[{"name":"cyl","age":"21"},{"name":"hyj","age":"23"}]};      //这是一个json对象
var str=obj.student[0].name;
var newstr=JSON.stringify(str); //返回一个新字符串
console.log(newstr);

在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
JSON.stringify(obj)       将JSON对象转为字符串。
JSON.parse(string)       将字符串转为JSON对象格式。

简单栗子：

var a={"name":"tom","sex":"男","age":"24"};
var b='{"name":"Mike","sex":"女","age":"29"}';
var aToStr=JSON.stringify(a);             //对象转换成字符串
var bToObj=JSON.parse(b);                //字符串转换成对象
alert(typeof(aToStr));                           //string
alert(typeof(bToObj));                          //object
JSON.stringify();

扩展：

jquery中也有将字符串转为JSON格式的方法jquery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。当然如果有兴趣可以自己封装一个jquery扩展，jQuery.stringifyJSON(obj)将JSON转为字符串。
这只是一种方法，还有几种方法，大家可以看一下：

1) jquery插件支持的转换方式：

$.parseJSON( jsonstr );

//jquery.parseJSON(jsonstr), 可以将json字符串转换成json对象。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>json字符串转为json对象-jQuery.parseJSON()</title>
        <style type="text/css">
            p{
                white-space: pre-line;
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <p><a href="http://www.css88.com/jqapi-1.9/jQuery.parseJSON/">资源链接：http://www.css88.com/jqapi-1.9/jQuery.parseJSON/</a></p>
        <p>jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。</p>
        <p>
            描述: 接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript 值。

            从jQuery 3.0开始，不推荐使用$.parseJSON。 要解析JSON字符串，请改用原生的 JSON.parse 方法。

            传入格式有误的 JSON 字符串可能导致抛出异常。例如，下面这些无效的 JSON 字符串：
            ---------------------------------------------------
            {test: 1} (test 没有使用双引号包裹).
            {'test': 1} ('test' 用了单引号而不是双引号包裹).
            "{test: 1}" (test 没有使用双引号包裹).
            "{'test': 1}" ('test' 用了单引号而不是双引号包裹).
            "'test'" ('test' 用单引号代替双引号).
            ".1" (number 必须以数字开头; "0.1" 将是有效的).
            "undefined" (undefined 不能表示一个 JSON 字符串; 然而null,可以).
            "NaN" (NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的).
            ---------------------------------------------------

            JSON标准不允许“控制字符”如制表符或换行符。
            比如$.parseJSON('{"testing":"1\t2\n3"}')，大多数实现中将抛出一个错误，因为JavaScript分析器直接转换字符串的制表符和换行符为文本的制表符和换行符;
            产生双反斜杠，例如"1\\t2\\n3"是预期的结果。
            这个问题往往在服务器端语言，如PHP，JSON注入到一个JavaScript文件时发生。

            如果浏览器实现了原生的 JSON.parse， jQuery 则会使用它来解析字符串。

            在jQuery 1.9之前,如果传递给$.parseJSON一个空字符串，null, 或者 undefined,，将返回null，而不是抛出一个错误，即使这些都不是有效的JSON。

            jQuery 3.0开始，$.parseJSON已经过时（不建议使用）。要将字符串解析成JSON对象，请使用原生的JSON.parse方法来代替。

        </p>
        <script src="js/jquery-2.1.0.js"></script>
        <script type="text/javascript">
            //解析一个 JSON 字符串。
            var d = '{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';
            console.log(d)      //
            console.log(typeof(d))         //string

            var obj = jQuery.parseJSON(d);
            console.log(obj)          //
            console.log(typeof(obj))       //object

            console.log( obj.name );      //郑秀晶

        </script>
    </body>
</html>

2) 兼容：浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器： 
JSON.parse(jsonstr);                     //可以将json字符串转换成json对象 
JSON.stringify(jsonobj);               //可以将json对象转换成json对符串 
注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js。

3) JSON官方的转换方式： 
http://www.json.org/       提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法； 
可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。

4) Javascript支持的转换方式（eval）： 
eval('(' + jsonstr + ')');                  //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 
注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>string转object-兼容低版本浏览器（eval实现）</title>
    </head>
    <body>
        <p style="white-space: pre-line; font-size: 18px;">
        ie8(兼容模式),ie7和ie6没有JSON对象，不过http://www.json.org/提供了一个json.js,
        这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；
        你可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。

        ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象，
        eval("("+c+")")
        </p>

        <!--兼容ie6/7/8--引入json2.js文件-->
        <script src="js/json2.js"></script>
        <script type="text/javascript">

            var c='{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';
            console.log(c);
            console.log(typeof(c));  //string

            var cToObj=eval("("+c+")");
            console.log(typeof(cToObj));       //object

        </script>
    </body>
</html>
 

javascript：json对象和json字符串的相互转换的更多相关文章

  1. JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString

    JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString 如下示例: 直接写的a1就是一个Json对象,a2 就是一个Json对象字符串; 通 ...

  2. JSON对象、JSON字符串的相互转换

    JSON对象.JSON字符串的相互转换 json的格式: 第一种方式: 单一的json字符串,转换成json对象时,需要 eval('(' + json + ')');这样的格式,中间需要加括号 va ...

  3. JavaScript对象、JSON对象、JSON字符串的区别

    一.首先看下什么是JSON JSON:JavaScript Object Natation,JavaScript对象的表现形式,已经发展成一种轻量级的数据交换格式. JavaScript对象的表现形式 ...

  4. json对象和json字符串之间的转换-JavaScript实现

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. JS中实现JSON对象和JSON字符串之间的相互转换

    对于主流的浏览器(比如:firefox,chrome,opera,safari,ie8+),浏览器自己提供了JSON对象,其中的parse和stringify方法实现了JSON对象和JSON字符串之间 ...

  6. FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换

    fastJson对于json格式字符串的解析主要用到了一下三个类: JSON:fastJson的解析器,用于JSON格式字符串与JSON对象及javaBean之间的转换. JSONObject:fas ...

  7. JavaScript中JSON对象和JSON字符串的相互转化

    一.JSON字符串转换为JSON对象 var str = '{"name":"cxh","sex":"man",&quo ...

  8. Javascript中Json对象与Json字符串互相转换方法汇总(4种转换方式)

    1.Json对象转Json字符串 JSON.stringify(obj); 2.Json字符串传Json对象 JSON.parse(str);//第一种 $.parseJSON(str);//第二种, ...

  9. JavaScript - 问题集 - 含function的json对象与json字符串之间相互转换

    基本的转换为:JSON.parse与JSON.stringify. 但是json数据中含function,则转换后,function会丢失,如: var json={ test:'test', log ...

  10. json - json对象和json字符串直接的相互转换

    一.json字符串转json对象 1.json字符串转json对象 var obj = JSON.parse(str); //由json字符串转换为json对象 2.获取对象的value consol ...

随机推荐

  1. P5019 铺设道路 (NOIP2018)

    传送门 NOIP2013原题 貌似官方数据都是一模一样的 以前写过竟然毫无印象? 考场上自己瞎JB推结论 显然,如果连续的两端区间可以左边区间减 k 次,右边区间也减 k 次 那么把两个区间合并起来一 ...

  2. hdu6441 Find Integer 求勾股数 费马大定理

    题目传送门 题目大意: 给出a和n,求满足的b和c. 思路: 数论题目,没什么好说的. 根据费马大定理,当n>2时不存在正整数解. 当n=0或者1时特判一下就可以了,也就是此时变成了一个求勾股数 ...

  3. 主席树的各类模板（区间第k大数【动，静】，区间不同数的个数，区间<=k的个数)

    取板粗   好东西来的 1.(HDOJ2665)http://acm.hdu.edu.cn/showproblem.php?pid=2665 (POJ2104)http://poj.org/probl ...

  4. POJ 3281 Dining ( 最大流 && 建图 )

    题意 : 有 N 头牛,John 可以制作 F 种食物和 D 种饮料, 然后接下来有 N 行,每行代表一头牛的喜好==>开头两个数 Fi 和 Di 表示这头牛喜欢 Fi 种食物, Di  种饮料 ...

  5. sqlserver 索引进阶（下）

    参考原文 http://www.cnblogs.com/tjy9999/p/4494799.html 第十级, 索引内部结构 建立索引的目的是加快对表中记录的查找或排序.为表设置索引要付出代价的:一是 ...

  6. Sublime Text 3 3126 安装+注册码

    首先,到官网下载且安装,个人是安装版本的 https://www.sublimetext.com/3 接着,写入注册码.2016/11/26 亲测有效 —– BEGIN LICENSE —– Mich ...

  7. about rand and reflect

    select regexp_replace(reflect("java.util.UUID", "randomUUID"), "-", &q ...

  8. Windows无法启动 VMware Workstation server服务解决方法

    Windows无法启动VMware Workstation server服务, 可以通过删除datastores.xml文件来解决. 具体操作步骤如下: 1.在系统盘目录下,找到C:\ProgramD ...

  9. java——数组操作

    排序.二分查找.复制数组.填充 package follow_pack; import java.util.Arrays; import java.text.DecimalFormat; public ...

  10. Win2003 控制面板 打不开

    windown 2003 控制面板打不开 在运行框中输入regedit,进入注册表中的 HKEY_LOCAL_MACHINE/SYSTEM\Current ControlSet\Control\NLS ...