1. 程式人生 > >json物件和字串的相互轉換(轉載)

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>