當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
【cJson】 JSON格式详解
生活随笔
收集整理的這篇文章主要介紹了
【cJson】 JSON格式详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
0.前言
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。 易于人閱讀和編寫。同時也易于機器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的數據交換語言。
JSON大致3種結構,JSON對象、JSON數組和JSON對象和數組嵌套。
1 JSON對象
JSON對象簡單而言便是鍵值對或名值對,而“值”可以是數值、字符串和布爾類型等。
JSON對象具體格式如圖1所示。
圖1 JSON對象格式
1.1 JSON數值 請注意數值不需要加引號,鍵值對之間使用","。 ? ? 【單個數值】 {“value”:12} ? ? 【多個數值】 {"maxValue":24, "minValue":12};
[javascript]?view plaincopy <script>?? var?jsonObj?=?{"maxValue":24,?"minValue":12};?? console.log(jsonObj.maxValue);?? console.log(jsonObj.minValue);?? </script>??
? ? 【輸出】
24
12
1.2 JSON字符串 字符串需要加引號,鍵值對之間使用","。 ? ? ? ? 【單個字符串】 {"name":"xukai871105"} ? ? 【多個字符串】 {"name":"xukai871105", "blog":" http://blog.csdn.net/xukai871105 "}
[javascript]?view plaincopy <script>?? var?jsonObj?=?{"name":"xukai871105",?"blog":"http://blog.csdn.net/xukai871105"};?? console.log(jsonObj.name);?? console.log(jsonObj.blog);?? </script>??
? ? 【輸出】
[plain]?view plaincopy xukai871105?? http://blog.csdn.net/xukai871105??
1.3 JSON布爾 請注意JSON格式中的值可以使用布爾類型,且不需要加引號,如果true或false被引號包裹,那么便解析為JSON字符串,請處理稍有不同。 {"success":false}
[javascript]?view plaincopy <script>?? var?jsonObj?=?{"success":false};?? console.log(jsonObj.success);?? </script>?? ????【輸出】 false
2 JSON數組 JSON數組的表達方法和C語言數組的表達方法完全相同。下面的例子中存在一個JSON對象,該JSON對象只有一個鍵值對,鍵為lists而鍵值為JSON數組——[5,6,7,8]。這里已經存在JSON類型的嵌套,具體請看下面一個例子。
{"lists":[5,6,7,8]}
圖2 JSON數組格式
[javascript]?view plaincopy <script>?? var?jsonObj?=?{"lists":[5,6,7,8]};?? console.log(jsonObj.lists);?? for(var?i=0;?i<jsonObj.lists.length;?i++)?{?? ????console.log(jsonObj.lists[i]);?? }?? </script>?? ? ? 【輸出】 [plain]?view plaincopy [5,?6,?7,?8]?? 5?? 6?? 7?? 8???
3 JSON嵌套 JSON格式可以嵌套,所謂嵌套便是JSON對象中可包括JSON數組,JSON數組中可包括JSON對象。下面的例子中rows為JSON對象,對象中嵌套JSON數組,每一個JSON數組的元素又是一個JSON對象。這種嵌套情況在實際情況中經常出現。 [javascript]?view plaincopy <script>?? var?jsonObj?=?? {??? "total":?3,??? "rows":?[??? {??? "title":?"樹莓派學習筆記——索引博文",??? "url":?"http://blog.csdn.net/xukai871105/article/details/23115627"??? },??? {??? "title":?"樹莓派學習筆記——GPIO功能學習",??? "url":?"http://blog.csdn.net/xukai871105/article/details/12684617"??? },??? {??? "title":?"物聯網學習筆記——索引博文",??? "url":?"http://blog.csdn.net/xukai871105/article/details/23366187"??? }??? ]??? };?? ?? console.log(jsonObj.total);?? for(var?i=0;?i<jsonObj.rows.length;?i++)?{?? ????console.log(jsonObj.rows[i].title);?? ????console.log(jsonObj.rows[i].url);?? }?? </script>?? ? ? 【輸出】 [plain]?view plaincopy 3?? 樹莓派學習筆記——索引博文?? http://blog.csdn.net/xukai871105/article/details/23115627??? 樹莓派學習筆記——GPIO功能學習?? http://blog.csdn.net/xukai871105/article/details/12684617??? 物聯網學習筆記——索引博文?? http://blog.csdn.net/xukai871105/article/details/23366187??
4.javascript中eval函數 【為什么要加括號 】 加上圓括號的目的是迫使eval函數在評估JavaScript代碼的時候強制將括號內的表達式(expression)轉化為對象,而不是作為語句(statement)來執行。例如對象字面量{},如若不加外層的括號,那么eval會將大括號識別為JavaScript代碼塊的開始和結束標記,那么{}將會被認為是執行了一句空語句。參考——【3】javascript eval和JSON之間的聯系 [javascript]?view plaincopy <script>?? var?jsonStr?=?'{"total":3}';?? var?jsonObj=?eval('('?+?jsonStr?+?')');?? console.log(jsonObj.total);?? </script>?? 【輸出】 3
5.常見錯誤 【1】多一個逗號 }或]前多一個, 這種情況不符合JSON,但是某些瀏覽器可以容忍,例如chrome和火狐,但是某些瀏覽器就無法容忍,例如IE。最好還是選擇JSON校驗工具測試一下JSON數據包是否合法。請注意下面一個例子中url最后的",",該逗號是多余的。 [plain]?view plaincopy {??? "title":?"樹莓派學習筆記——索引博文",??? "url":?"http://blog.csdn.net/xukai871105/article/details/23115627",?? }??
6.參考資料 【1】JSON格式化工具 【2】JSON校驗工具 【3】javascript eval和JSON之間的聯系 與50位技術專家面對面20年技術見證,附贈技術全景圖
圖1 JSON對象格式
1.1 JSON數值 請注意數值不需要加引號,鍵值對之間使用","。 ? ? 【單個數值】 {“value”:12} ? ? 【多個數值】 {"maxValue":24, "minValue":12};
[javascript]?view plaincopy
1.2 JSON字符串 字符串需要加引號,鍵值對之間使用","。 ? ? ? ? 【單個字符串】 {"name":"xukai871105"} ? ? 【多個字符串】 {"name":"xukai871105", "blog":" http://blog.csdn.net/xukai871105 "}
[javascript]?view plaincopy
1.3 JSON布爾 請注意JSON格式中的值可以使用布爾類型,且不需要加引號,如果true或false被引號包裹,那么便解析為JSON字符串,請處理稍有不同。 {"success":false}
[javascript]?view plaincopy
2 JSON數組 JSON數組的表達方法和C語言數組的表達方法完全相同。下面的例子中存在一個JSON對象,該JSON對象只有一個鍵值對,鍵為lists而鍵值為JSON數組——[5,6,7,8]。這里已經存在JSON類型的嵌套,具體請看下面一個例子。
{"lists":[5,6,7,8]}
圖2 JSON數組格式
[javascript]?view plaincopy
3 JSON嵌套 JSON格式可以嵌套,所謂嵌套便是JSON對象中可包括JSON數組,JSON數組中可包括JSON對象。下面的例子中rows為JSON對象,對象中嵌套JSON數組,每一個JSON數組的元素又是一個JSON對象。這種嵌套情況在實際情況中經常出現。 [javascript]?view plaincopy
4.javascript中eval函數 【為什么要加括號 】 加上圓括號的目的是迫使eval函數在評估JavaScript代碼的時候強制將括號內的表達式(expression)轉化為對象,而不是作為語句(statement)來執行。例如對象字面量{},如若不加外層的括號,那么eval會將大括號識別為JavaScript代碼塊的開始和結束標記,那么{}將會被認為是執行了一句空語句。參考——【3】javascript eval和JSON之間的聯系 [javascript]?view plaincopy
5.常見錯誤 【1】多一個逗號 }或]前多一個, 這種情況不符合JSON,但是某些瀏覽器可以容忍,例如chrome和火狐,但是某些瀏覽器就無法容忍,例如IE。最好還是選擇JSON校驗工具測試一下JSON數據包是否合法。請注意下面一個例子中url最后的",",該逗號是多余的。 [plain]?view plaincopy
6.參考資料 【1】JSON格式化工具 【2】JSON校驗工具 【3】javascript eval和JSON之間的聯系 與50位技術專家面對面20年技術見證,附贈技術全景圖
總結
以上是生活随笔為你收集整理的【cJson】 JSON格式详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【cJson】JSON的基本概念
- 下一篇: 【cJSon】cJSON学习笔记(一)