json对象和字符串的相互转换
1、json对象和字符串的转换
在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
JSON.stringify(obj) 将JSON对象转为字符串。
JSON.parse(string) 将字符串转为JSON对象格式。
1 //使用json中的parser方法转换； 2 ?3 var str=‘{"name":"fendouer", "age":23}‘; ?????//这是一个json字符串‘‘ 4 var ob=JSON.parse(str) ; ?//返回一个新对象 5 console.log(ob.name) 6 ?7 ?8 //把json中的stringify对象转换成字符串 ?9 10 var obj={"student":[{"name":"cyl","age":"21"},{"name":"hyj","age":"23"}]}; ?????//这是一个json对象11 var str=obj.student[0].name;12 var newstr=JSON.stringify(str); //返回一个新字符串13 console.log(newstr);简单例子：
1 var a={"name":"tom","sex":"男","age":"24"}; 2 var b=‘{"name":"Mike","sex":"女","age":"29"}‘; 3 var aToStr=JSON.stringify(a); ????????????//对象转换成字符串4 var bToObj=JSON.parse(b); ???????????????//字符串转换成对象5 alert(typeof(aToStr)); ??????????????????????????//string 6 alert(typeof(bToObj)); ?????????????????????????//object 7 JSON.stringify();扩展：
jquery中也有将字符串转为JSON格式的方法jquery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。
这只是一种方法，还有几种方法，大家可以看一下：
1) jquery插件支持的转换方式：
$.parseJSON( jsonstr );
//jquery.parseJSON(jsonstr), 可以将json字符串转换成json对象。
1 <!DOCTYPE html> 2 <html> 3 ????<head> 4 ????????<meta charset="UTF-8"> 5 ????????<title>json字符串转为json对象-jQuery.parseJSON()</title> 6 ????????<style type="text/css"> 7 ????????????p{ 8 ????????????????white-space: pre-line; 9 ????????????????font-size: 20px;10 ????????????}11 ????????</style>12 ????</head>13 ????<body>14 ????????<p><a href="http://www.css88.com/jqapi-1.9/jQuery.parseJSON/">资源链接：http://www.css88.com/jqapi-1.9/jQuery.parseJSON/</a></p>15 ????????<p>jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。</p>16 ????????<p>17 ????????????描述: 接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript 值。18 ????????????19 ????????????从jQuery 3.0开始，不推荐使用$.parseJSON。 要解析JSON字符串，请改用原生的 JSON.parse 方法。20 ????????????21 ????????????传入格式有误的 JSON 字符串可能导致抛出异常。例如，下面这些无效的 JSON 字符串：22 ????????????---------------------------------------------------23 ????????????{test: 1} (test 没有使用双引号包裹).24 ????????????{‘test‘: 1} (‘test‘ 用了单引号而不是双引号包裹).25 ????????????"{test: 1}" (test 没有使用双引号包裹).26 ????????????"{‘test‘: 1}" (‘test‘ 用了单引号而不是双引号包裹).27 ????????????"‘test‘" (‘test‘ 用单引号代替双引号).28 ????????????".1" (number 必须以数字开头; "0.1" 将是有效的).29 ????????????"undefined" (undefined 不能表示一个 JSON 字符串; 然而null,可以).30 ????????????"NaN" (NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的).31 ????????????---------------------------------------------------32 ????????????33 ????????????JSON标准不允许“控制字符”如制表符或换行符。34 ????????????比如$.parseJSON(‘{"testing":"1\t2\n3"}‘)，大多数实现中将抛出一个错误，因为JavaScript分析器直接转换字符串的制表符和换行符为文本的制表符和换行符; 35 ????????????产生双反斜杠，例如"1\\t2\\n3"是预期的结果。36 ????????????这个问题往往在服务器端语言，如PHP，JSON注入到一个JavaScript文件时发生。37 ????????????38 ????????????如果浏览器实现了原生的 JSON.parse， jQuery 则会使用它来解析字符串。39 ????????????40 ????????????在jQuery 1.9之前,如果传递给$.parseJSON一个空字符串，null, 或者 undefined,，将返回null，而不是抛出一个错误，即使这些都不是有效的JSON。41 ????????????42 ????????????jQuery 3.0开始，$.parseJSON已经过时（不建议使用）。要将字符串解析成JSON对象，请使用原生的JSON.parse方法来代替。43 ????????????44 ????????</p>45 ????????<script src="js/jquery-2.1.0.js"></script>46 ????????<script type="text/javascript">47 ????????????//解析一个 JSON 字符串。48 ????????????var d = ‘{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}‘;49 ????????????console.log(d) ?????//50 ????????????console.log(typeof(d)) ????????//string51 ????????????52 ????????????var obj = jQuery.parseJSON(d); 53 ????????????console.log(obj) ?????????//54 ????????????console.log(typeof(obj)) ??????//object55 ????????????56 ????????????console.log( obj.name ); ?????//郑秀晶57 ????????????58 ????????</script>59 ????</body>60 </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串中的表达式。
1 <!DOCTYPE html> 2 <html> 3 ????<head> 4 ????????<meta charset="UTF-8"> 5 ????????<title>string转object-兼容低版本浏览器（eval实现）</title> 6 ????</head> 7 ????<body> 8 ????????<p style="white-space: pre-line; font-size: 18px;"> 9 ????????ie8(兼容模式),ie7和ie6没有JSON对象，不过http://www.json.org/提供了一个json.js,10 ????????这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；11 ????????你可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。12 13 ????????ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象，14 ????????eval("("+c+")")15 ????????</p>16 ????????17 ????????<!--兼容ie6/7/8--引入json2.js文件-->18 ????????<script src="js/json2.js"></script>19 ????????<script type="text/javascript">20 ????????????21 ????????????var c=‘{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}‘;22 ????????????console.log(c);23 ????????????console.log(typeof(c)); ?//string24 ????????????25 ????????????var cToObj=eval("("+c+")");26 ????????????console.log(typeof(cToObj)); ??????//object27 ????????????28 ????????</script>29 ????</body>30 </html>第168天：json对象和字符串的相互转换
原文地址：https://www.cnblogs.com/le220/p/8414532.html