JSON是什麼意思(什麼是JSON)
本節重點來介紹一下JSON,JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,我們稱之為JavaScript物件表示法。也就是說,JSON是一種格式。首先搞清楚三個概念,即什麼是JSON字串,什麼是JavaScript物件,還有什麼又叫做JSON物件?先來說一個事,在沒有JSON之前,前臺頁面和Java等語言充當的伺服器層,到底是如何傳輸資料的呢?沒錯,是通過XML來傳輸的。比如一個登陸頁面。
頁面上有使用者名稱和密碼兩個輸入框,當我點選登入按鈕,這兩個資料就會被傳遞到伺服器層。那麼,如何傳輸呢?如果用XML,也許是這樣的:
123
後臺接收到這個資料,然後就可以開始解析,最終拿到zhangsan和123兩個字面量。時間線再往前推,在XML還沒有出來的時候,怎麼辦呢?聰明的程式開發人員則會規定幾種特殊的格式,拼接一個特殊的字串,傳遞到後臺中去。比如像這樣的:
"name=zhangsan&password=123"
那麼後臺的程式設計師也知道這個規則,如果是Java的話,就可以使用String的splite方法,先通過逗號把這個字串分割成兩份,也就是變成:name=zhangsan還有password=123兩個字串,然後再通過“=”分割,將“name=zhangsan”分割成“name”和“zhangsan”,把“password=123”分割成“password”和“123”兩部分。終於,到底還是拿到使用者名稱和密碼了。
接下來還是談JSON,其實JSON就是一種資料格式。諸如:
{ key1 : value1 , key2 : value2 };
這樣的格式就是JSON格式,它是一系列鍵值對的集合,不同的鍵值對之間用逗號分隔,最後一個鍵值對不需要加逗號。符合這種格式的字串就是JSON字串。比如:
"{'name' : 'Jack'}"
它歸根到底還是一個字串,不是一個物件。而JSON物件,其實就是Javascript物件,我們可以通過字面值的方式直接創造一個物件,比如:
var person = {name : 'Jack'}
等同於:
var person = {'name' : 'Jack'}
在上邊這個例子中,name可加單引號,也可加雙引號,甚至可以什麼都不加。而右邊的值必須是一個實實在在的東西,比如字串,或者一個物件,甚至是一個函式。我們不考慮JS內部的物件機制,只是簡單地說明一下,是有這麼個事情的。這就是所謂的JSON物件,也就是js物件。在JavaScript中,物件是鍵值對的集合,符合JSON格式。我們可以通過下面的方法,把JS物件轉換成JSON格式的字串。
var person = {'name' : 'Jack'} alert(JSON.stringify(person));
同樣,一個JSON格式的字串,可以變成一個JS物件,如:
console.log(JSON.parse("{/"name/":/"Jack/"}"));
做個小結,JSON字串就是符合JSON格式的字串,他還是字串,JSON物件就是JavaScript物件,我們推薦使用字面值的方式來建立一個JS物件。然後,JS物件和JSON字串可以互相轉換。通過這一個特點,我們能夠實現JS物件的拷貝。一般來說,比如我有一個js物件。
var person = {'name' : 'Jack'} var person2 = person;
這樣做,並不是物件的複製,person2僅僅是一個指標,他和person一樣,指向了{'name' : 'Jack'}這一片記憶體空間。當person發生改變,person2必然也跟著改變。
var person = {'name' : 'Jack'} var person2 = person; person.age = 10; //給person動態地新增一個屬性 alert(JSON.stringify(person2)); //person2也跟著變了
那有沒有什麼辦法可以實現物件的複製呢?一個好的解決方案就是,先把person轉換成JSON字串,然後再轉成JS物件,這個時候就是另外一個JS物件了。比如:
var person = {'name' : 'Jack'} var person2 = JSON.parse(JSON.stringify(person)); person.age = 10; //給person動態地新增一個屬性 alert(JSON.stringify(person2)); //person2不變
接下來說說js物件內容的訪問和操作,我們上面已經說了,JS物件中無非是一些鍵值對的集合,他更像是一個容器,既然是容器,自然有內容,我們如何訪問其中的內容呢?在上面的例子中,我們已經通過“物件.屬性名”的方式來訪問JS物件的具體內容。比如:
var obj = { id : 1 }; var id = obj.id; alert(id);
另外一種方式,就是通過 物件["屬性名"] 來操作其內容。比如:
var id = obj['id']
可以用雙引號,也可以用單引號,看個人習慣了。在JS物件中,屬性名永遠都是字串,雖然諸如這樣的程式碼:
var obj = { id : 1 };
id沒有加上引號,但它實際上還是以字串的形式被儲存起來的。再說一遍,如果你要訪問和操作JS物件的內容,有兩種方式,第一種方式是用點,第二種方式則是用中括號。兩種方式如果做一個比較,顯然是第二種方式較為靈活,因為它是用字串去找對應的鍵值對,而不是用一個識別符號。比如剛才的例子,你這樣寫:
var id = obj.id;
我問你,obj.id中的id是什麼?為了符合規範,id必須是識別符號,你不能寫 obj.123 吧。這顯然是不合法,也無法執行通過的。比如,你能這樣寫嗎?
var obj = { 123 : 'Hello JavaScript!' }; var id = obj.123; alert(id);
肯定不行,會報錯的:
但是,如果你用中括號就可以:
var obj = { 123 : 'Hello JavaScript!' }; var id = obj['123']; alert(id);
具體用那種方式,隨你喜好而定。
現在,我們已經對JSON格式和JS物件有了一個比較充分的瞭解,我要在此丟擲一個問題,有沒有什麼辦法能夠獲取JS物件的屬性詳情呢?注意我的用詞,是屬性詳情,也就是說,比如有一個JS物件:
var obj = { message: 'Hello JavaScript!' };
message就是它的屬性,關於這個屬性,有沒有什麼詳細的描述資訊呢?答案是有的,在JS中,有一個內建的Object物件,它給我們提供了一個getOwnPropertyDescriptor方法,可以看到某個物件的某個屬性的具體情況。你可以把這個理解為Java中的靜態類呼叫方法。我們可以這樣做:
var obj = { message : 'Hello JavaScript!' };
console.log(Object.getOwnPropertyDescriptor(obj,'message'));
可以看到,我們成功挖掘出了四個屬性,如果你不明白我在說什麼,我就說得更加直白一些,就是說,
var obj = { message: 'Hello JavaScript!' };
obj裡面有一個屬性message,而message又有四個描述性的東西,分別是configurable(可配置),enumerable(可列舉),value(值),還有 writable(可寫入)。這四樣東西,專業術語叫做屬性描述符,或者資料描述符。目前我們看到的資料描述符都被賦予了預設值,我們也可以通過defineProperty方法對其進行個性化配置。
比如,我們把message設定為只讀:
var obj = { message : 'Hello JavaScript!' }; console.log(Object.getOwnPropertyDescriptor(obj,'message')); Object.defineProperty(obj,'message',{ writable:false }); obj.message = 'haha'; alert(obj.message);
不好意思,修改無效,因為我已經把這個屬性設定為只讀了。在嚴格模式下,甚至會報錯,啥,你問我什麼叫做嚴格模式?好吧,其實就是一句話的事。
這就是嚴格模式,你不要問為什麼這樣就行了,我不會告訴你,因為我也不懂。我只知道,這樣寫就可以,於是乎,接下來執行就報錯了。
本文就介紹到這裡,對JSON進行了一個簡單的說明。至於深入的學習,還請各位自行去百度吧。