json詳解

JSON的全稱是」JavaScript Object Notation」,意思是JavaScript對象表示法,它是一種基於文本,獨立於語言的輕量級數據交換格式。XML也是一種數據交換格式,爲何沒有選擇XML呢?由於XML雖然能夠做爲跨平臺的數據交換格式,可是在JS(JavaScript的簡寫)中處理XML很是不方便,同時XML標記比數據多,增長了交換產生的流量,而JSON沒有附加的任何標記,在JS中可做爲對象處理,因此咱們更傾向於選擇JSON來交換數據。這篇文章主要從如下幾個方面來講明JSON。html

1,JSON的兩種結構
2,認識JSON字符串
3,在JS中如何使用JSON
4,在.NET中如何使用JSON
5,總結json

JSON的兩種結構

JSON有兩種表示結構,對象和數組。
對象結構以」{」大括號開始,以」}」大括號結束。中間部分由0或多個以」,」分隔的」key(關鍵字)/value(值)」對構成,關鍵字和值之間以」:」分隔,語法結構如代碼。
數組

?
1
2
3
4
5
{
     key1:value1,
     key2:value2,
     ...
}

其中關鍵字是字符串,而值能夠是字符串,數值,true,false,null,對象或數組post

數組結構以」[」開始,」]」結束。中間由0或多個以」,」分隔的值列表組成,語法結構如代碼。this

?
1
2
3
4
5
6
7
8
9
10
[
     {
         key1:value1,
         key2:value2
     },
     {
          key3:value3,
          key4:value4  
     }
]

認識JSON字符串

以前我一直有個困惑,分不清普通字符串,json字符串和json對象的區別。通過一番研究終於給弄明白了。好比在js中。spa

字符串:這個很好解釋,指使用「」雙引號或’’單引號包括的字符。例如:var comStr = 'this is string';
json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json對象:指符合json格式要求的js對象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };code

在JS中如何使用JSON

JSON是JS的一個子集,因此能夠在JS中輕鬆地讀,寫JSON。讀和寫JSON都有兩種方法,分別是利用」.」操做符和「[key]」的方式。
咱們首先定義一個JSON對象,代碼以下。htm

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var obj = {
             1: "value1" ,
             "2" : "value2" ,
             count: 3,
             person: [ //數組結構JSON對象,能夠嵌套使用
                         {
                             id: 1,
                             name: "張三"
                         },
                         {
                             id: 2,
                             name: "李四"
                         }
                    ],
             object : { //對象結構JSON對象
                 id: 1,
                 msg: "對象裏的對象"   
             }
         };

1,從JSON中讀數據對象

?
1
2
3
4
5
6
7
function ReadJSON() {
             alert(obj.1); //會報語法錯誤,能夠用alert(obj["1"]);說明數字最好不要作關鍵字
             alert(obj.2); //同上
 
             alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
             alert(obj. object .msg); //或者alert(obj.object["msg"])
         }

2,向JSON中寫數據blog

好比要往JSON中增長一條數據,代碼以下:

?
1
2
3
4
function Add() {
             //往JSON對象中增長了一條記錄
             obj.sex= "男" //或者obj["sex"]="男"
         }

增長數據後的JSON對象如圖:

3,修改JSON中的數據

咱們如今要修改JSON中count的值,代碼以下:

?
1
2
3
function Update() {
             obj.count = 10; //或obj["count"]=10
         }

修改後的JSON如圖。

4,刪除JSON中的數據

咱們如今實現從JSON中刪除count這條數據,代碼以下:

?
1
2
3
function Delete() {
             delete obj.count;
         }

  刪除後的JSON如圖

能夠看到count已經從JSON對象中被刪除了。

5,遍歷JSON對象

可使用for…in…循環來遍歷JSON對象中的數據,好比咱們要遍歷輸出obj對象的值,代碼以下:

?
1
2
3
4
5
function Traversal() {
             for ( var c in obj) {
                 console.log(c + ":" , obj[c]);
             }
         }

  程序輸出結果爲:

 

 

出處:https://www.cnblogs.com/WarBlog/p/4648695.html

相關文章
相關標籤/搜索