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

