1. 程式人生 > >[知了堂學習筆記]_JSON數據操作第1講(初識JSON)

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

格式 生成 什麽 機器 console 初始化 文本 port 效率

一、認識JSON

  • 什麽是JSON?

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

  • JSON語法

    {}表示JSON對象

    在{}中是1~n個鍵值對

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

    鍵的數據類型可以是基本數據類型和String

    值的數據類型可以是基本數據類型,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)