最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JSON+JavaScript處理JSON的簡單例子

 更新時(shí)間:2013年03月20日 16:10:02   作者:  
JSON+JavaScript處理JSON的簡單例子,需要的朋友可以參考一下

JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式,但是也使用了類似于C語言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的數(shù)據(jù)交換語言。

JSON建構(gòu)于兩種結(jié)構(gòu):

1、“名稱/值”對(duì)的集合(A collection of name/value pairs)。不同的語言中,它被理解為對(duì)象(object),紀(jì)錄(record),結(jié)構(gòu)(struct),字典(dictionary),哈希表 (hash table),有鍵列表(keyed list),或者關(guān)聯(lián)數(shù)組 (associative array)。

2、值的有序列表(An ordered list of values)。在大部分語言中,它被理解為數(shù)組(array)。

這些都是常見的數(shù)據(jù)結(jié)構(gòu)。事實(shí)上大部分現(xiàn)代計(jì)算機(jī)語言都以某種形式支持它們。這使得一種數(shù)據(jù)格式在同樣基于這些結(jié)構(gòu)的編程語言之間交換成為可能。

JSON具有以下這些形式:

•對(duì)象是一個(gè)無序的“‘名稱/值'對(duì)”集合。一個(gè)對(duì)象以“{”(左括號(hào))開始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”(冒號(hào));“‘名稱/值' 對(duì)”之間使用“,”(逗號(hào))分隔。
•數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開始,“]”(右中括號(hào))結(jié)束。值之間使用“,”(逗號(hào))分隔。
•值(value)可以是雙引號(hào)括起來的字符串(string)、數(shù)值(number)、true、false、 null、對(duì)象(object)或者數(shù)組(array)。這些結(jié)構(gòu)可以嵌套。
•字符串(string)是由雙引號(hào)包圍的任意數(shù)量Unicode字符的集合,使用反斜線轉(zhuǎn)義。一個(gè)字符(character)即一個(gè)單獨(dú)的字符串(character string)。
•字符串(string)與C或者Java的字符串非常相似。
•數(shù)值(number)也與C或者Java的數(shù)值非常相似。除去未曾使用的八進(jìn)制與十六進(jìn)制格式。除去一些編碼細(xì)節(jié)。
•空白可以加入到任何符號(hào)之間。 以下描述了完整的語言。
JSON舉例(javascript中使用json):

復(fù)制代碼 代碼如下:

<script type="text/javascript">
var user =
          {
            "Id":1,
            "Name":"Hubery",
            "Age":23,
            "Address":
              {
                  "City":"Beijing","ZipCode":"111111"
              },
            "Email":"hubery@jb51.net"
          };

          alert(user.Id);
          alert(user.Name);
          alert(user.Age);
          alert(user.Address.City);
          alert(user.Address.ZipCode);
          alert(user.Email);
</script>
下面我們把Address屬性定義成數(shù)組,用戶有兩個(gè)Address:

<script type="text/javascript">
var user =
          {
            "Id":1,
            "Name":"Hubery",
            "Age":23,
            "Address":
              [
                {"City":"Beijing","ZipCode":"111111"},
                {"City":"Langfang","ZipCode":"222222"}
              ],
            "Email":"hubery@jb51.net"
          };

          alert(user.Id);
          alert(user.Name);
          alert(user.Age);
          alert(user.Address[0].City);//還可以這樣:alert(user.Address[0]["City"]);
          alert(user.Address[0].ZipCode);
          alert(user.Address[1].City);
          alert(user.Address[1].ZipCode);
          alert(user.Email);
</script>

如果我們想要一個(gè)用戶列表,能行嗎?答案是,沒問題!

復(fù)制代碼 代碼如下:

<script type="text/javascript">
var user =
          [
              {
                "Id":1,
                "Name":"Hubery",
                "Age":23,
                "Address":
                  [
                    {"City":"Beijing","ZipCode":"111111"},
                    {"City":"Langfang","ZipCode":"222222"}
                  ],
                "Email":"hubery@jb51.net"
              },
              {
                "Id":2,
                "Name":"Chris",
                "Age":24,
                "Address":{"City":"Beijing","ZipCode":"100085"},
                "Email":"chris@jb51.net"
              }
          ]

          alert("Id: "+user[0].Id+"\r\nName: "+
          user[0].Name+"\r\nAge: "+
          user[0].Age+"\r\nAddress: ("+
          user[0].Address[0].City+","+user[0].Address[0].ZipCode+") ("+user[0].Address[1].City+","+user[0].Address[1].ZipCode+")\r\nEmail: "+
          user[0].Email);

          alert("Id: "+user[1].Id+"\r\nName: "+
          user[1].Name+"\r\nAge: "+
          user[1].Age+"\r\nAddress: ("+
          user[1].Address.City+","+user[1].Address.ZipCode+")\r\nEmail: "+
          user[1].Email);
</script>

相關(guān)文章

  • JS基本遍歷方法詳解

    JS基本遍歷方法詳解

    這篇文章主要給大家介紹了JS基本遍歷方法,for,for...in,for...of,文章通過代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下
    2023-09-09
  • js 文本滾動(dòng)效果的實(shí)例代碼

    js 文本滾動(dòng)效果的實(shí)例代碼

    一個(gè)簡單的滾動(dòng)效果,我只測(cè)試了文本,對(duì)于圖片有需要的朋友可以測(cè)試一下哦
    2013-08-08
  • vscode+gulp輕松開發(fā)小程序的完整步驟

    vscode+gulp輕松開發(fā)小程序的完整步驟

    這篇文章主要給大家介紹了關(guān)于vscode+gulp輕松開發(fā)小程序的完整步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • 微信小程序?qū)崿F(xiàn)傳遞多個(gè)參數(shù)與事件處理

    微信小程序?qū)崿F(xiàn)傳遞多個(gè)參數(shù)與事件處理

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)傳遞多個(gè)參數(shù)與事件處理,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • JS實(shí)現(xiàn)放大、縮小及拖拽圖片的方法【可兼容IE、火狐】

    JS實(shí)現(xiàn)放大、縮小及拖拽圖片的方法【可兼容IE、火狐】

    這篇文章主要介紹了JS實(shí)現(xiàn)放大、縮小及拖拽圖片的方法,可兼容IE及火狐等瀏覽器,通過javascript自定義函數(shù)實(shí)現(xiàn)針對(duì)圖片的放大、縮小及拖拽等功能,涉及javascript動(dòng)態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別

    JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別

    在javascript中如果我們要獲取對(duì)象內(nèi)容,js為我們提供了三種方法outerhtml、innerhtml和innertext,但他們之間具體怎么使用與具體的區(qū)別在哪里,可能很多人不知道吧,接下來跟著小編一起來學(xué)習(xí)innerHTML,innerText,outerHTML的用法及區(qū)別吧。
    2015-09-09
  • JavaScript的Object.defineProperty詳解

    JavaScript的Object.defineProperty詳解

    本篇文章給大家詳細(xì)講述了JavaScript的Object.defineProperty的相關(guān)知識(shí)點(diǎn)內(nèi)容,有興趣的朋友參考學(xué)習(xí)下。
    2018-07-07
  • js中將時(shí)間戳轉(zhuǎn)化成YYYY-MM-DD?HH:mm:ss的3種實(shí)現(xiàn)辦法

    js中將時(shí)間戳轉(zhuǎn)化成YYYY-MM-DD?HH:mm:ss的3種實(shí)現(xiàn)辦法

    最近開發(fā)中需要和后端進(jìn)日期和時(shí)間傳值,前后端約定為時(shí)間戳的格式,但是前端展示需要展示成年-月-日的格式,就需要進(jìn)行日期和時(shí)間轉(zhuǎn)換格式,這篇文章主要給大家介紹了關(guān)于js中將時(shí)間戳轉(zhuǎn)化成YYYY-MM-DD?HH:mm:ss的3種實(shí)現(xiàn)辦法,需要的朋友可以參考下
    2024-06-06
  • javascript中的相等操作符(==與===區(qū)別)

    javascript中的相等操作符(==與===區(qū)別)

    這篇文章主要介紹了javascript中的相等操作符(==與===區(qū)別),需要的朋友可以參考下
    2019-12-12
  • bootstrapValidator.min.js表單驗(yàn)證插件

    bootstrapValidator.min.js表單驗(yàn)證插件

    這篇文章主要為大家詳細(xì)介紹了bootstrapValidator.min.js表單驗(yàn)證插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02

最新評(píng)論

沙雅县| 营口市| 宁海县| 类乌齐县| 西吉县| 平山县| 无极县| 尚义县| 桃园县| 山阴县| 迁西县| 麟游县| 尼木县| 华池县| 开阳县| 宾阳县| 灵璧县| 屏东市| 民乐县| 郁南县| 洛宁县| 江华| 札达县| 厦门市| 襄垣县| 全州县| 祁门县| 和龙市| 柳江县| 浑源县| 即墨市| 柳林县| 山丹县| 溧阳市| 昌吉市| 井研县| 闸北区| 白玉县| 平遥县| 泸溪县| 堆龙德庆县|