JSON學(xué)習(xí)筆記
JSON定義
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,易于閱讀和編寫(xiě),同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語(yǔ)言規(guī)范(1999-12第三版)中JavaScript編程語(yǔ)言的一個(gè)子集。 JSON采用與編程語(yǔ)言無(wú)關(guān)的文本格式,但是也使用了類(lèi)C語(yǔ)言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的習(xí)慣,這些特性使JSON成為理想的數(shù)據(jù)交換格式。
JSON的結(jié)構(gòu)基于下面兩點(diǎn)
1. "名稱(chēng)/值"對(duì)的集合 不同語(yǔ)言中,它被理解為對(duì)象(object),記錄(record),結(jié)構(gòu)(struct),字典(dictionary),哈希表(hash table),鍵列表(keyed list)等
2. 值的有序列表 多數(shù)語(yǔ)言中被理解為數(shù)組(array)
JSON使用:
JSON以一種特定的字符串形式來(lái)表示 JavaScript 對(duì)象。如果將具有這樣一種形式的字符串賦給任意一個(gè) JavaScript 變量,那么該變量會(huì)變成一個(gè)對(duì)象引用,而這個(gè)對(duì)象就是字符串所構(gòu)建出來(lái)的,好像有點(diǎn)拗口,我們還是用實(shí)例來(lái)說(shuō)明。
這里假設(shè)我們需要?jiǎng)?chuàng)建一個(gè)User對(duì)象,并具有以下屬性
用戶(hù)ID
用戶(hù)名
用戶(hù)Email
您可以使用以下JSON形式來(lái)表示User對(duì)象:
JavaScript代碼
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
然后如果把這一字符串賦予一個(gè)JavaScript變量,那么就可以直接使用對(duì)象的任一屬性了。
完整代碼:
JavaScript代碼
<script>
var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
alert(User.Name);
</script>
實(shí)際使用時(shí)可能更復(fù)雜一點(diǎn),比如我們?yōu)镹ame定義更詳細(xì)的結(jié)構(gòu),使它具有FirstName和LastName:
JavaScript代碼
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}
完整代碼:
JavaScript代碼
<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"};
alert(User.Name.FirstName);
</script>
現(xiàn)在我們?cè)黾右粋€(gè)新的需求,我們某個(gè)頁(yè)面需要一個(gè)用戶(hù)列表,而不僅僅是一個(gè)單一的用戶(hù)信息,那么這里就需要?jiǎng)?chuàng)建一個(gè)用戶(hù)列表數(shù)組。
下面代碼演示了使用JSON形式定義這個(gè)用戶(hù)列表:
JavaScript代碼
[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
]
完整代碼:
JavaScript代碼
<script>
var UserList = [
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
];
alert(UserList[0].Name.FirstName);
</script>
事實(shí)上除了使用"."引用屬性外,我們還可以使用下面語(yǔ)句:
JavaScript代碼
alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);
現(xiàn)在讀者應(yīng)該對(duì)JSON的使用有點(diǎn)認(rèn)識(shí)了,歸納為以下幾點(diǎn):
對(duì)象是屬性、值對(duì)的集合。一個(gè)對(duì)象的開(kāi)始于“{”,結(jié)束于“}”。每一個(gè)屬性名和值間用“:”提示,屬性間用“,”分隔。
數(shù)組是有順序的值的集合。一個(gè)數(shù)組開(kāi)始于"[",結(jié)束于"]",值之間用","分隔。
值可以是引號(hào)里的字符串、數(shù)字、true、false、null,也可以是對(duì)象或數(shù)組。這些結(jié)構(gòu)都能嵌套。
字符串和數(shù)字的定義和C或Java基本一致。
小節(jié):
本文通過(guò)一個(gè)實(shí)例演示,初步了解了JSON 的強(qiáng)大用途。可以歸結(jié)如下:
JSON 提供了一種優(yōu)秀的面向?qū)ο蟮姆椒?,以便將元?shù)據(jù)緩存到客戶(hù)機(jī)上。
JSON 幫助分離了驗(yàn)證數(shù)據(jù)和邏輯。
JSON 幫助為 Web 應(yīng)用程序提供了 Ajax 的本質(zhì)。
參考資料:
http://www.json.org/
http://www.ibm.com/developerworks/cn/web/wa-lo-json/?ca=drs-tp3308#N1010D
- JSON 入門(mén)教程基礎(chǔ)篇 json入門(mén)學(xué)習(xí)筆記
- javascript學(xué)習(xí)之json入門(mén)
- Ajax與JSON的一些學(xué)習(xí)總結(jié)
- JSON 教程 json入門(mén)學(xué)習(xí)筆記
- Python解析json文件相關(guān)知識(shí)學(xué)習(xí)
- JSON stringify方法原理及實(shí)例解析
- Java使用JSON傳遞字符串注意事項(xiàng)解析
- 10分鐘掌握XML、JSON及其解析
- Java解析JSON數(shù)據(jù)時(shí)報(bào)錯(cuò)問(wèn)題解決方案
- javascript解析json格式的數(shù)據(jù)方法詳解
- 10分鐘學(xué)會(huì)js處理json的常用方法
相關(guān)文章
比較詳細(xì)的關(guān)于javascript 解析json的代碼
JSON (JavaScript Object Notation)一種簡(jiǎn)單的數(shù)據(jù)格式,比xml更輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何特殊的 API 或工具包。2009-12-12JSON.parse 數(shù)據(jù)不完整的解決方法
本文主要介紹了JSON.parse 數(shù)據(jù)不完整的解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07js操作兩個(gè)json數(shù)組合并、去重,以及刪除某一項(xiàng)元素
這篇文章主要介紹了js操作兩個(gè)json數(shù)組合并、去重,以及刪除某一項(xiàng)元素,需要的朋友可以參考下2020-09-09JSON 入門(mén)教程基礎(chǔ)篇 json入門(mén)學(xué)習(xí)筆記
剛開(kāi)始接觸json的時(shí)候感覺(jué)有點(diǎn)奇怪的命名,后來(lái)使用才發(fā)現(xiàn)這么簡(jiǎn)單而且用好用,擴(kuò)展性很強(qiáng),這里就為大家整理一下2020-09-09半個(gè)小時(shí)學(xué)json(json傳遞示例)
這篇文章主要介紹了半個(gè)小時(shí)學(xué)json(json傳遞示例),主要包括一維數(shù)組與二維數(shù)組,需要的朋友可以參考下2016-12-12詳解Java中String JSONObject JSONArray List<實(shí)體類(lèi)>轉(zhuǎn)換
這篇文章主要介紹了詳解String JSONObject JSONArray List<實(shí)體類(lèi)>轉(zhuǎn)換,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11