日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

【cJson】 JSON格式详解

發布時間:2024/4/20 javascript 58 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【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年技術見證,附贈技術全景圖

    總結

    以上是生活随笔為你收集整理的【cJson】 JSON格式详解的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。