[知了堂學習筆記]_JSON資料操作第1講(初識JSON)

標籤：輸出   一個   json對象   產生   www   變數   ons   r.js   類型   

一、認識JSON

• 什麼是JSON？

　　　　JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的資料交換格式。。它基於 ECMAScript (w3c制定的js規範)的一個子集，採用完全獨立於程式設計語言的文字格式設定來儲存和表示資料。簡潔和清晰的階層使得 JSON 成為理想的資料交換語言。 易於人閱讀和編寫，同時也易於機器解析和產生，並有效地提升網路傳輸效率。

• JSON文法

　　　　{}表示JSON對象

　　　　在{}中是1~n個索引值對

　　　　鍵與值之間用:隔開，索引值對用，隔開。如：{key1:value2,key2:value2,key3,value3,…}

　　　　鍵的資料類型可以是基礎資料型別 (Elementary Data Type)和String

　　　　值的資料類型可以是基礎資料型別 (Elementary Data Type)，String，json對象{},JSON數組[{},{},{}]

　　　　對於不是數值的鍵於值要用””。如：{“name”：”張三”}

　　　　擷取JSON中的值： JSON對象.key

二、在JS中使用JSON

• 普通的定義

<script>    var json={"name":"張三","age":17};//定義一個json對象並初始化    console.log(json);//輸出該JSON對象全部值    console.log(json.name);//輸出指定k_v    console.log(json.age);</script>

 

運行結果：

 

• JSON數組

 

<script>    //定義一個JSON數組並初始化    var jsonArr = [{"name":"張三","age":17},{"name":"李四","age":18},{"name":"王五","age":38}]    console.log(jsonArr);    console.log(jsonArr[0].name);    console.log(jsonArr[1].name);    console.log(jsonArr[2].name);</script>

運行結果：

當然json數組，也和其他數組用法是一樣的

• JSON中存放一個JSON

//json資料中存放一個json資料var jsono = {"json":{"name":"德瑪西亞"}};console.log(jsono);console.log(jsono.json);console.log(jsono.json.name);

運行結果：

• JSON中存放JSON數組

//json資料中存放一個json數組var jsonAndArr = {"jsonarr":jsonArr}//前面的jsonArr變數，JSON數組console.log(jsonAndArr);console.log(jsonAndArr.jsonarr);console.log(jsonAndArr.jsonarr[0].name);console.log(jsonAndArr.jsonarr[1].name);console.log(jsonAndArr.jsonarr[2].name);

運行結果：

其實再複雜的JSON資料也要遵守JSON資料的基本原理K--->V，要從複雜的JSON中去取資料，就想將洋蔥一層一層剝開一樣。我們要把複雜的JSON拆成一個個簡單K-->V形式。

下一講將為大家呈現JSON的解析與封裝。

以上為今天的內容，如需瞭解更加深入的知識，請大家進入知了堂社區：http://www.zhiliaotang.com/portal.php；

 

[知了堂學習筆記]_JSON資料操作第1講(初識JSON)