第168天:json对象和字符串的相互转换
json对象和字符串的相互转换
1、json对象和字符串的转换
在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用 JSON 对象的 stringify() 和 parse() 方法。 JSON.stringify(obj) 将JSON对象转为字符串。 JSON.parse(string) 将字符串转为JSON对象格式。
1 //使用json中的parser方法转换;
3 var str='{"name":"fendouer", "age":23}'; //这是一个json字符串''
4 var ob=JSON.parse(str) ; //返回一个新对象
5 console.log(ob.name)
8 //把json中的stringify对象转换成字符串
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>
17 描述: 接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript 值。
19 从jQuery 3.0开始,不推荐使用$.parseJSON。 要解析JSON字符串,请改用原生的 JSON.parse 方法。
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 ---------------------------------------------------
33 JSON标准不允许“控制字符”如制表符或换行符。
34 比如$.parseJSON('{"testing":"1\t2\n3"}'),大多数实现中将抛出一个错误,因为JavaScript分析器直接转换字符串的制表符和换行符为文本的制表符和换行符;
35 产生双反斜杠,例如"1\\t2\\n3"是预期的结果。
36 这个问题往往在服务器端语言,如PHP,JSON注入到一个JavaScript文件时发生。
38 如果浏览器实现了原生的 JSON.parse, jQuery 则会使用它来解析字符串。
40 在jQuery 1.9之前,如果传递给$.parseJSON一个空字符串,null, 或者 undefined,,将返回null,而不是抛出一个错误,即使这些都不是有效的JSON。
42 jQuery 3.0开始,$.parseJSON已经过时(不建议使用)。要将字符串解析成JSON对象,请使用原生的JSON.parse方法来代替。
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)) //string
52 var obj = jQuery.parseJSON(d);
53 console.log(obj) //
54 console.log(typeof(obj)) //object
56 console.log( obj.name ); //郑秀晶
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。
13 ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象,
14 eval("("+c+")")
15 </p>
17 <!--兼容ie6/7/8--引入json2.js文件-->
18 <script src="js/json2.js"></script>
19 <script type="text/javascript">
21 var c='{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';
22 console.log(c);
23 console.log(typeof(c)); //string