JS中操作JSON總結

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立於語言的文本格式，是理想的數據交換格式。同時，JSON是 JavaScript 原生格式，這意味着在 JavaScript 中處理 JSON數據不須要任何特殊的 API 或工具包。

    本文主要是對JS操作JSON的要領做下總結。

    在JSON中，有兩種結構：對象和數組。

    1. 一個對象以“{”（左括號）開始，“}”（右括號）結束。每個“名稱”后跟一個“:”（冒號）；“‘名稱/值’ 對”之間運用 “,”（逗號）分隔。 名稱用引號括起來；值如果是字符串則必須用括號，數值型則不須要。例如：

    var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}；

    2. 數組是值（value）的有序集合。一個數組以“[”（左中括號）開始，“]”（右中括號）結束。值之間運用 “,”（逗號）分隔。

    例如：

    var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

    為了方便地處理JSON數據，JSON提供了json.js包，下載地址：http://www.json.org/json.js

    在數據傳輸流程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉換是關鍵。例如：

    JSON字符串:

    var str1 = '{ "name": "cxh", "sex": "man" }';

    JSON對象:

    var str2 = { "name": "cxh", "sex": "man" };

    一、JSON字符串轉換為JSON對象

    要運用上面的str1，必須運用下面的要領先轉化為JSON對象：

    //由JSON字符串轉換為JSON對象

    var obj = eval('(' + str + ')');

或者

    var obj = str.parseJSON(); //由JSON字符串轉換為JSON對象

    或者

    var obj = JSON.parse(str); //由JSON字符串轉換為JSON對象

    然后，就可以這樣讀取：

    Alert(obj.name);

    Alert(obj.sex);

    特別留心：如果obj本來就是一個JSON對象，那么運用 eval（）函數轉換后（哪怕是多次轉換）還是JSON對象，但是運用 parseJSON（）函數處理后會有疑問（拋出語法異常）。

    二、可以運用 toJSONString()或者全局要領 JSON.stringify()將JSON對象轉化為JSON字符串。

    例如：

    var last=obj.toJSONString(); //將JSON對象轉化為JSON字符

    或者

    var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符

    alert(last);

    留心：

    上面的多個要領中，除了eval()函數是js自帶的之外，其他的多個要領都來自json.js包。新版本的 JSON 修改了 API，將 JSON.stringify() 和 JSON.parse() 兩個要領都注入到了 Javascript 的內建對象里面，前者變成了 Object.toJSONString()，而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領，則說明您的json包版本太低。

 

 

js對象與json對象的相互轉換

    <script>    
    
       //js對象（student）
        var student = new Object();
        student.name = "Lanny";
        student.age = "25";
        student.location = "China";
        console.log(student);

        //將js對象轉化為JSON字符
        var last1=JSON.stringify(student);
        console.log(last1);
        console.log(typeof last1);//輸出last1的類型
        console.log('--------------------------');
        //由JSON字符串轉換為JSON對象/js對象
        var obj1 = eval('(' + last1 + ')');
        var obj2 = JSON.parse(last1);
        console.log(obj1);
        console.log(typeof obj1);
        console.log(obj2);
        console.log(typeof obj2);

    </script>    

　　效果圖：

 

json字符串與json對象的相互轉換

    <script>        
        //JSON字符串:
        var str1 = '{ "name": "cxh", "sex": "man" }';
        console.log(str1);
        console.log(typeof str1);
        //JSON對象:
        var str2 = { "name": "cxh", "sex": "man" };
        console.log(str2);
        console.log(typeof str2);
        console.log('--------------------------');
        //將js對象轉化為JSON字符
        var last1=JSON.stringify(str2);
        console.log(last1);
        console.log(typeof last1);//輸出last1的類型
        console.log('--------------------------');
        //由JSON字符串轉換為JSON對象
        var obj1 = eval('(' + last1 + ')');
        var obj2 = JSON.parse(str1);
        console.log(obj1);
        console.log(typeof obj1);
        console.log(obj2);
        console.log(typeof obj2);
    </script>    

　　效果圖：

 

參考鏈接：

　　https://www.cnblogs.com/gygtech/p/8669602.html

　　https://zhidao.baidu.com/question/750266190766969252.html