json对象与字符串相互转换

JSON 语法

JSON 语法规则

在 JS 语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型：

对象表示为键值对
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON 键/值对

JSON 键值对是用来保存 JS 对象的一种方式，和 JS 对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号 "" 包裹，使用冒号 : 分隔，然后紧接着值：

1	`{"firstName": "Json"}`

这很容易理解，等价于这条 JavaScript 语句：

1	`{firstName : "Json"}`

JSON 与 JS 对象的关系

很多人搞不清楚 JSON 和 Js 对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解：

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

如

1	`var` `obj = {a:` `'Hello', b:` `'World'};` `//这是一个对象，注意键名也是可以使用引号包裹的`

1	`var` `json =` `'{"a": "Hello", "b": "World"}';` `//这是一个 JSON 字符串，本质是一个字符串`

JSON 和 JS 对象互转

要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：

var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'

要实现从 JSON 转换为对象，使用 JSON.parse() 方法：

var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}

//使用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>