Json入門--基礎定義及使用
JSON教程
1.)JSON定義:
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,易於閱讀和編寫,同時也易於機器解析和生成。它基於ECMA262語言規範(1999-12第三版)中JavaScript程式語言的一個子集。
JSON採用與程式語言無關的文字格式,但是也使用了類C語言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的習慣,這些特性使JSON成為理想的資料交換格式。
2.)JSON的結構基於下面兩點:
(1). "名稱/值"對的集合,不同語言中,它被理解為物件(object),記錄(record),結構(struct),字典(dictionary),雜湊表(hash table),鍵列表(keyed list)等
(2). 值的有序列表 多數語言中被理解為陣列(array)
3.)JSON使用:
JSON以一種特定的字串形式來表示 JavaScript 物件。如果將具有這樣一種形式的字串賦給任意一個 JavaScript 變數,那麼該變數會變成一個物件引用,而這個物件就是字串所構建出來的。
4.)示例演示:
這裡假設我們需要建立一個User物件,並具有以下屬性:使用者ID ,使用者名稱 ,使用者Email
您可以使用以下JSON形式來表示User物件:
(1)分析
{"UserID":11, "Name":"Truly", "Email":""};然後如果把這一字串賦予一個JavaScript變數,那麼就可以直接使用物件的任一屬性了。
完整程式碼:
<script>
var User = {"UserID":147, "Name":"Truly", "Email":""};
alert(User.UserID);//結果是147
alert(User["Name"]);//結果是Truly --這是呼叫的兩種方式
</script>
(2)分析
實際使用時可能更復雜一點,比如我們為Name定義更詳細的結構,使它具有FirstName和LastName:
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""}
完整程式碼:
<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""};
alert(User.Name.FirstName);
alert(User["Name"]["FirstName"]); //結果是Truly --它們的效果是一樣的
</script>
(3)分析
現在我們增加一個新的需求,我們某個頁面需要一個使用者列表,而不僅僅是一個單一的使用者資訊,那麼這裡就需要建立一個使用者列表陣列。
下面程式碼演示了使用JSON形式定義這個使用者列表:
[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":""},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":""}
]
完整程式碼:
<script>
var UserList = [
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":""},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":""}
];
alert(UserList[0].Name.FirstName);
</script>
5.)歸納小結:
(1).物件是屬性、值對的集合。一個物件的開始於“{”,結束於“}”。每一個屬性名和值間用“:”提示,屬性間用“,”分隔。
(2).陣列是有順序的值的集合。一個陣列開始於"[",結束於"]",值之間用","分隔。
(3).值可以是引號裡的字串、數字、true、false、null,也可以是物件或陣列。這些結構都能巢狀。
(4).字串和數字的定義和C或Java基本一致。
(5).JSON 提供了一種優秀的物件導向的方法,以便將後設資料快取到客戶機上。
(6).JSON 幫助分離了驗證資料和邏輯。
(7).JSON 幫助為 Web 應用程式提供了 Ajax 的本質。
相關文章
- Python基礎入門(5)- 函式的定義與使用Python函式
- 【WEB基礎】HTML & CSS 基礎入門(3)段落及文字WebHTMLCSS
- shell入門基礎&常見命令及用法
- Pytest學習(一)- 入門及基礎
- Spring基礎使用(三)-------XML定義AOP的使用SpringXML
- 03 . Vue基礎之計算屬性,元件基礎定義和使用Vue元件
- RabbitMQ基礎入門MQ
- mongodb基礎入門MongoDB
- MySQL 基礎入門MySql
- ZooKeeper 基礎入門
- Elasticsearch 基礎入門Elasticsearch
- Vim 入門:基礎
- Bootstrap基礎入門boot
- Html基礎入門HTML
- ElasticSearch基礎入門Elasticsearch
- HTML 基礎入門HTML
- Dart 基礎入門Dart
- SQL入門基礎SQL
- Nginx 基礎入門Nginx
- Kafka基礎入門Kafka
- Redis入門基礎Redis
- Java 入門基礎Java
- Maven入門基礎Maven
- JavaScript入門基礎JavaScript
- SQL基礎入門SQL
- Zookeeper基礎入門
- goalng 基礎入門Go
- TypeScript 基礎入門TypeScript
- Mongoose基礎入門Go
- systemtap基礎入門
- sqlServer 基礎入門SQLServer
- 【FastAPI】入門基礎ASTAPI
- shell入門基礎
- go基礎入門Go
- JSON基礎使用詳解JSON
- Python基礎入門:正則re.sub使用自定義替換方法Python
- 前端基礎入門四(JavaScript基礎)前端JavaScript
- 小白入門使用Nginx基礎的常用操作Nginx